/*-----------------------------------------------
Blogger Template Style
Name:     Blogging inspiration
Designer: Houssam Baha
URL:      www.th3geekweb3.com
----------------------------------------------- */
{
margin:0;
padding:0;
outline:0;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}

ins {
text-decoration:underline;
}
del {
text-decoration: line-through;
}
h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, il, a, input {
direction:rtl;
}
a {text-decoration:none;font:normal 14px tahoma, arial;}
a :visited{text-decoration:none;}
a :hover{text-decoration:none;}
blockquote
{
margin:5px 17px;
padding:7px;
border:2px solid #3e89f1;
color:#000;
background:#E9F4FA;
}
ul , ol , dl {
list-style-position:inside;
font-weight:bold;
list-style:none;
}

/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

/* CSS HTML5 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{background:transparent;}table{border-collapse:collapse;border-spacing:0;}

/* CSS Framework */
.navbar,.post-feeds,.feed-links{display:none;}
.section,.widget{margin:0 0 0 0;padding:0 0 0 0;}
strong,b{font-weight:bold;}
cite,em,i{font-style:italic;}
a:link{color:#33B5E5;text-decoration:none;outline:none;transition:all 0.25s;}
a:visited{color:#33B5E5;text-decoration:none;}
a:link:hover{color:#303030;text-decoration:none;}
a:visited:hover{color:#303030;text-decoration:none;}
a img{border:none;border-width:0;outline:none;}
img{max-width:100%;vertical-align:middle;border:0;}
abbr,acronym{border-bottom:1px dotted;cursor:help;}
sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;}
sub{top:.4em;}small{font-size:86%;}
kbd{font-size:80%;border:1px solid #b4babe;padding:2px 5px;border-bottom-width:2px;}
mark{background-color:#ffce00;color:#182025;}
p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;}
hr{height:1px;border:none;background-color:#46515e;}

/* CSS Blog Heading */
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:normal;margin:0 0 0.6em;}
h1{font-size:200%}
h2{font-size:180%}
h3{font-size:160%}
h4{font-size:140%}
h5{font-size:120%}
h6{font-size:100%}

/* CSS Form */
input,button,select,textarea{font:'Open Sans';font-size:100%;line-height:normal;vertical-align:baseline;}
textarea{display:block;box-sizing:border-box;}
pre,code{font-family:'Open Sans';color:#46515e;}
pre{white-space:pre;word-wrap:normal;overflow:auto;}
blockquote{margin-right:2em;margin-left:2em;padding:1em 1em;font-size:100%;background:#fff9e7;color:#444;border:2px solid #f0ebda;}
.awal{float:right;color:#0fa9cd;background:#fff;line-height:30px;padding-top:1px;padding-left:5px;font-family:times;font-size:50px;}

/* CSS List */
ul,dl{margin:.5em 3em .5em 0em}
ol{list-style:decimal outside}
ul{list-style:disc outside}
li{margin:.5em 0}
dt{font-weight:bold}
dd{margin:0 2em .5em 0}

/* CSS List Custom */
.post ul li span{position:relative;display:block;padding:5px 8px;margin-bottom:10px;background:#fafafa;color:#666;text-decoration:none;transition:all .3s ease-out;}
.post ul li span:hover{background:#f9f9f9;}
ol {counter-reset:li;list-style: none;font:15px 'Open Sans', 'lucida sans';
padding:0;margin-bottom:4em;text-shadow: 0 1px 0 rgba(255,255,255,.5);}
ol ol {margin:0 2em 0 0;}
.post ol li{position:relative;display:block;padding:.4em .8em .4em .4em;
margin:.5em 2.5em .5em 0;background:#fafafa;color:#666;text-decoration:none;
transition:all .3s ease-out;}
.post ol li:hover{background:#f9f9f9;}
.post ol li:before{content:counter(li);counter-increment:li;position:absolute; 
right:-2.5em;top:50%;margin-top:-1em;background:#0fa9cd;color:#fff;height:2em;width:2em;
line-height:2em;text-align:center;font-weight:bold;}
.post ol li:after{position:absolute; content:'';border: .5em solid transparent;
right:-1em;top:50%;margin-top:-.5em;transition:all .3s ease-out;}
.post ol li:hover:after{right:-.5em;border-right-color:#0fa9cd;}
.post ol li span{position:relative;display:block;padding:5px 8px;margin-bottom:10px;background:#fafafa;color:#666;text-decoration:none;transition:all .3s ease-out;}
.post ol li span:hover{background:#f9f9f9;}

/* CSS Post Table */
body {background:#3B3B3C url(http://3.bp.blogspot.com/-WTdVqoaLUYg/U2lgJuNvkcI/AAAAAAAACwE/POvml9S6a7k/s1600/body-bg5.png);
color:#444;font-family:'Open Sans';font-size:13px;font-weight:400;text-align:right;}
body#layout #outer-wrapper, body#layout .post-inner, body#layout .sidebar {
padding:0 0 0 0;}
body#layout .top-tab-widget-menu ul {display:none;}
.post-body table th, .post-body table td, .post-body table caption{border:none;padding:.8em .12em;text-align:right;vertical-align:top;}
.post-body table.tr-caption-container {border:none;}
.post-body th{font-weight:700;}
.post-body tr{background:#f0f0f0;transition:all 0.3s ease-in-out;}
.post-body tr:hover {background:#e9e9e9;}
.post-body table caption{border:none;font-style:italic;}
.post-body table{text-align:center;margin:0 auto;margin-top:10px;margin-bottom:10px;}
.post-body th{vertical-align:top;text-align:right;font-size:13px;padding:0;border:none;}
.post-body th span{padding:8px 12px;background:#0fa9cd;color:#fff;}
.post-body td{vertical-align:top;text-align:right;font-size:13px;padding:0;border:none;}
.post-body td span{padding:8px 12px;color:#666;}
.post-body table.tr-caption-container td {border:none;padding:0;}
.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}
.post-body td.tr-caption {color:#666;font-size:80%;padding:0!important;}
img {max-width:100%;height:auto;border:none;}
table {max-width:100%;}
body#layout #wrapper, body#layout .post-inner, body#layout .sidebar-inner {
padding:0 0 0 0;}
body#layout .tably {float:right;width:79px;}
body#layout .header-wrapper {margin-top:40px;}
body#layout #navigation {float:left;width:50%;}
body#layout .tably {float:right;width:100%;}
.ct-wrapper {margin:0;padding:0;}
.clear {clear:both;}
.clear:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;
height:0;}
#navbar-iframe {display:none !important;}
header,nav,section,aside,article,footer {display:block;}

/* CSS Global Wrapper */

#post-wrapper {float:right;width:70%;max-width:700px;margin:0 0 10px;}
.post-inner {padding:15px 0 0 15px;}
.blogouter-wrapper {overflow:hidden;position:relative;width:100%;}

#header-wrapper {width:100%;margin:0 auto;margin-bottom:15px;overflow:hidden;}
#header {float:right;width:100%;max-width:257px;}
.header-left {float:left;padding:0;overflow:hidden;margin:0;width:100%;
max-width:728px;}
.header-wrapper2 {position:relative;z-index:999;}
#sidebar-wrapper {float:left;width:30%;max-width:300px;margin:0 auto;}
.sidebar-inner {padding:15px 0;}
#footer-wrapper {width:100%;text-align:right;overflow:hidden;margin:20px 0px 0px 0px}
#footer-widgetfix .footer-widget {width:30.6%;float:right;margin-right:20px;}
#footer-widgetfix {max-width:1000px;overflow:hidden;margin:0 auto;}
#footer-wrapper .widget-content {text-align:right;margin:20px 0 15px;}
#footer-wrapper .widget-content li {margin-right:-14px;}
#footer-wrapper .widget li {margin:5px 0 0 0;padding:5px 15px 0 0;display:block;}
#credit {width:98%;margin:0 auto;}
.credit-right {text-align:center}
.credit-left {float:left;margin:9px 0 0}
.footer-bottom {min-height:40px;}
#footx1,#footx2,#footx3 {margin:0 .2%}
.footer {padding-bottom:.2em;}
#social_networks{width:100%;display:block;margin:0 auto;text-align:center;}
#social_networks ul {list-style:none;}

#colorth3geekweb3 {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-right: 15px;
    overflow: hidden;
    padding: 8px 0 0 4px;
    position: fixed;
    right: 0;
    width: 28px;
    z-index: 99;
}
ol, #colorth3geekweb3 ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#colorth3geekweb3 #th3geekweb3color li {
    float: left;
}
#colorth3geekweb3 #th3geekweb3color li a {
    display: block;
    height: 20px;
    margin: 0 8px 8px 0;
    width: 20px;
}
#colorth3geekweb3 #th3geekweb3color li a.default {
    background-color: #AAAAAA;
}
#colorth3geekweb3 #th3geekweb3color li a.blue {
    background-color: #33B5E5;
}
#colorth3geekweb3 #th3geekweb3color li a.red {
    background-color: #99CC00;
}
#colorth3geekweb3 #th3geekweb3color li a.green {
    background-color: #FF4444;
}
#colorth3geekweb3 #th3geekweb3color li a.pink {
    background-color: #FF8800;
}

/*------Metro--------*/
#metro-wrapper{width:100%;display:none;background:url(http://3.bp.blogspot.com/-oep_h8RWVQ8/U9zUndIcjqI/AAAAAAAAE2Q/tOkraqYFgVw/s1600/th3geekweb3-1.jpg);overflow:hidden;margin:0 auto;padding:0;}
#metro{width:1080px;margin:0 auto;}
.th3metro{width:270px;float:right;direction:rtl;overflow:hidden}
.th3metro ul{margin:0;list-style:none;}
.th3metro ul li{margin:4px;}
.th3metro ul li:hover{border:4px solid #73b8ff;}
.th3metro .big{float:right;width:250px;height:120px;padding:0;}
.th3metro .small{float:right;width:117px;height:120px;padding:0;}
.th3metro ul li span{text-align:right;color:#fff}
.th3metro #home{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#2a92e2 url(http://3.bp.blogspot.com/-RHDTf_GFIhM/Uf_QD2Gx1FI/AAAAAAAAAyk/OyPbS61f95k/s1600/home.png) no-repeat 50% 50%;
border:4px solid #2a92e2;
}
.th3metro #vb{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#db552d url(http://3.bp.blogspot.com/-Hf-n-G7V1GQ/Uf_QGQSmELI/AAAAAAAAAzY/-9gf2SN8RQg/s1600/vb.png) no-repeat 50% 50%;
border:4px solid #db552d;
}
.th3metro #blog{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#00b1f0 url(http://2.bp.blogspot.com/-goqtRb5IgF4/Uf_QBuwv-lI/AAAAAAAAAx0/nvXG9SZJdis/s1600/blog.png) no-repeat 50% 50%;
border:4px solid #00b1f0;
}
.th3metro #Android{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#00bb00 url(http://1.bp.blogspot.com/-V3DXG_ZaalQ/VAzkD2DwWtI/AAAAAAAAFnU/9aTnRaUDgQ0/s1600/az.png) no-repeat 50% 50%;
border:4px solid #00bb00;
}
.th3metro #ps{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background: #3E72BF url(http://cdn.top4top.net/i_545c95e00f1.png) no-repeat 50% 50%;
  border: 4px solid #e04f5f;
}
.th3metro #xbox{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background: #3BB71C url(http://cdn.top4top.net/i_0682a872af1.png) no-repeat 50% 50%;
border: 4px solid #1BC51B;
}
.th3metro #pc{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#83c3ff url(http://3.bp.blogspot.com/-ZaTNvLzVF6s/Uf_QGu8HePI/AAAAAAAAAzM/dULoTReeD9g/s1600/windows.png) no-repeat 50% 50%;
border:4px solid #83c3ff;
}
.th3metro #psp{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background: #C6D53F url(http://cdn.top4top.net/i_2a095cb30a1.png) no-repeat 50% 50%;
  border: 4px solid #C6D53F;
}
.th3metro #fb{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#0a57c0 url(http://1.bp.blogspot.com/-8rUy_nuZbuc/Uf_QC7HAruI/AAAAAAAAAyI/GfGpapSu4KQ/s1600/fb.png) no-repeat 50% 50%;
border:4px solid #0a57c0;
}
.th3metro #g{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#b71c45 url(http://1.bp.blogspot.com/-Q-o9tNPGPrQ/Uf_QDTZOEQI/AAAAAAAAAyU/Q137brzOG2g/s1600/g.png) no-repeat 50% 50%;
border:4px solid #b71c45;
}
.th3metro #blogger{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#db552d url(http://4.bp.blogspot.com/-wuINYY7gXe8/Uf_QCE8sFWI/AAAAAAAAAx8/JhZl9w6dllA/s1600/blogger.png) no-repeat 50% 50%;
border:4px solid #db552d;
}
.th3metro #contact{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#009bad url(http://3.bp.blogspot.com/-9IJX9o8JvxU/Uf_QCdOeQyI/AAAAAAAAAyQ/IFAKHWgeal4/s1600/contact.png) no-repeat 50% 50%;
border:4px solid #009bad;
}
.th3metro #home:hover,.th3metro #vb:hover,.th3metro #contact:hover,.th3metro #ps:hover{border:4px solid #73b8ff;}
.th3metro #fb:hover,.th3metro #blogger:hover,.th3metro #g:hover,.th3metro #blog:hover{border:4px solid #73b8ff;}
.th3metro #Android:hover,.th3metro #xbox:hover,.th3metro #windows:hover,.th3metro #psp:hover{border:4px solid #73b8ff;}
.metro_btn img {
float: right;
padding: 8px 18px;
background: #33B5E5;
}
/*-------------Topnav--------*/
#topnav {
overflow: hidden;
position: fixed;
z-index: 99;
}
#topnav{
width:100%;
margin:0;
padding:0;
overflow:hidden;
background:#363636;
border-bottom: 4px solid #33B5E5;
}
#topnav ul{
width: 990px;
margin: 0 auto;
padding: 0;
overflow: hidden;
}

/* This button was generated using CSSButtonGenerator.com */
#topnav ul li {
float: right;
padding: 0 10px 0 10px;
display: block;
margin: 10px 0;
-webkit-transition: all 1s ease .2s;
-moz-transition: all 1s ease .2s;
-o-transition: all 1s ease .2s;
-pie-transition: all 1s ease .2s;
transition: all 1s ease .2s;
}
#topnav ul li a{
margin: 5px;
padding: 0;
color: #fff;
text-shadow: 1px 1px 0 #000;
font-size: 13px;
}
#topnav ul li span{text-align:center;margin:0;padding:0;color:#00C0F0;text-shadow: 0 1px 0 #000;font:normal 12px Electrolize,ge_ss_threeregular;}
#topnav ul li:hover, #topnav ul li.active {
color: #CCC;
-webkit-transition: all 1s ease .2s;
-moz-transition: all 1s ease .2s;
-o-transition: all 1s ease .2s;
-pie-transition: all 1s ease .2s;
transition: all 1s ease .2s;
}
#topnav ul li a:hover, #topnav ul li.active a {
color: #BBBDBE;
}
body #layout {width: 990px !important;}
#layout #out-wrapper {width: 900px !important;overflow: hidden;}

#outer-wrapper {max-width:1000px;margin:20px auto;padding:20px;overflow:hidden;margin-top:50px;background: #FFFDFD;
border: 1px solid #ddd;}

#readmore a {
background: #33B5E5 ;
float: right;
color: #FFF;
margin: 15px 0 0;
padding: 6px 10px;
text-decoration: none;
font: normal 12px droid arabic kufi;
border-right: 4px solid #5E5555;
}
#readmore a:hover {
background: #303030 ;
border-right: 4px solid #6E7172;
}

.th3geekweb3_details {
		padding: 10px;
		margin: 5px;
        font-family: Electrolize,droid arabic kufi;

		
		box-shadow: inset 0 0 10px #EEE;
		-moz-box-shadow: inset 0 0 10px #EEE;
		-webkit-box-shadow: inset 0 0 10px #EEE;
	}
	.th3geekweb3_details span {
		margin-left: 10px;
		padding-left: 10px;
		border-left: 1px solid #EEE;
		color: #999;
		display: inline-block;
	}
	.th3geekweb3_details span:last-child {
		border-left: 0;
	}
	.th3geekweb3_details span a {
		color: #999;
	}
	.th3geekweb3_details span a:hover {
		color: #1992E4;
	}
	.th3geekweb3_details span i {
		font-size: 16px;
		margin-left: 5px;
		color: #333;
	}
	.th3geekweb3_details_edit {
		position: absolute;
		left: 20px;
		top: 12px;
	}
	.th3geekweb3_details_edit a {
		font-size: 18px;
		color: #333;
	}




.likebtn-wrapper {
float: left;
padding: 14px 28px 15px;
border: 1px solid #eee;
border-left: none;
border-radius: 0 3px 3px 0;
}

#BlogArchive1_ArchiveMenu{
padding: 8px 85px;
font-family: droid arabic kufi;
background: #363636;
color: #fff;
}

h9 {
font-family: droid arabic kufi;
margin-right: 125px;
background: #4E4848;
padding: 6px 8px;
color: #fff;
}
a.printfriendly {
float: right;
}

/* ads-th3geekweb3 */
.adspostsfotter {
line-height: 15;
margin-bottom: 1px;
margin-right: -16px;
overflow: hidden;
padding: 15px 2px;
text-align: center;
width: 672px;
}
.ads1post, .ads2post {
background: none repeat scroll 0 0 #F7F5F5;
height: 280px;
width: 335px;
}
.ads1post {
float: right;
}
.ads2post {
float: left;
}

#rslides:hover {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
}
#rslides {
filter: none;
-webkit-filter: grayscale(0%);
transition: all .5s;
}

#PopularPosts1 img {transition: all .5s;}
#PopularPosts1 img:hover { -webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }

.fa-home:before {
content: "\f015";
font-size: 30px;
}
.contact-button {
  height: 50px;
  margin-bottom: -105px;
  width: 71px;
  margin-right: 861px;
}
.contact-button a {
    padding: 19px;
    color: #fff;
    display: inline-block;
    padding-top: 7px;
    font-size: 16px;
}
.contact-close:hover {
    color: #0894D8;
    background: #000;
}
.contact-sec {
    border: 1px solid #0894D8;
    position: fixed;
    top: 50%;
    margin-top: -190px;
    left: 50%;
    max-width: 300px;
    width: 90%;
    margin-left: -150px;
    background-color: #FFF;
    height: auto;
    z-index: 99999;
    display: none;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    transition: all .5s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.contact-close {
    position: absolute;
    top: -13px;
    background-color: #0894D8;
    color: #FFF;
    height: 25px;
    width: 25px;
    text-align: center;
    border-radius: 25px;
    line-height: 25px;
    font-size: 10px;
}
.contact-sec .widget {
    padding: 20px;
}
.contact-sec .contact-form-cross {
    display: none;
}
#ContactForm1 h2 {
    font-size: 18px;
    text-align: center;
    color: #0894D8;
    border-bottom: 1px solid;
    padding-bottom: 8px;
}
.contact-sec.contact-show {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    margin-top: -250px;
}
contact-form-name, .contact-form-email, .contact-form-email-message, .contact-form-widget {
    max-width: none;
    margin-bottom: 10px;
    padding: 5px;
}
.contact-form-name, .contact-form-email, .contact-form-email-message {
    background-color: #f3f3f3;
    width: 250px;
    border: 0;
}
a.contact-close {
  color: rgb(255, 255, 255);
}
.contact-button a {
color: #fff;
}
.contact-form-button-submit {
    max-width: none;
    width: 100%;
    height: 35px;
    border: 0;
    background-image: none;
    background-color: #0894D8;
    cursor: pointer;
    color: #fff;
}
.contact-form-name:focus, .contact-form-email:focus, .contact-form-email-message:focus {
    border: 0;
    box-shadow: none;
}
.contact-form-name:hover, .contact-form-email:hover, .contact-form-email-message:hover {
    border: 0;
}
.contact-form-button-submit:hover {
    background-color: #222;
    background-image: none;
    border: 0;
}

input#ContactForm1_contact-form-name, input#ContactForm1_contact-form-email{
  background: #eee;
  padding: 8px;
}

i.fa.fa-envelope {
  margin-top: 10px;
}

.fa-envelope:before {
  font-size: 30px;
  display: block;
  margin-bottom: 7px;
}

.fa-times:before {
  content: "\f00d";
  margin-right: 2px;
}
/* CSS Button th3geekweb3 */

.button{float:right;list-style:none;text-align:center;width:95%;margin:10px;

padding:2px;font-size:14px;clear:both;}
.button ul {margin:0;padding:0}
.button li{display:inline;margin:0;padding:0}
.demo {opacity:1;padding:7px 14px!important;background:#23A377;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;text-transform:uppercase;transition:background-color 1s 0s ease-out}
.download {opacity:1;padding:7px 14px!important;background:#fe4e3f;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;text-transform:uppercase;transition:background-color 1s 0s ease-out}
.demo:before {content:'\f06e';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;}
.download:before {content:'\f019';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;}
.download1 {opacity:1;padding:7px 14px!important;background:#3FA2FE;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;text-transform:uppercase;transition:background-color 1s 0s ease-out;}
.download1:before {content:'\f019';display:inline-block;margin-left:5px;width:16px;height:20px;line-height:24px;color:#fff;font-family:fontawesome;transition:all 0.5s ease-in-out;padding:3px;background:rgba(0, 0, 0, 0.2)padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;}
.flato-dark-button {opacity:1;padding:7px 14px!important;background:#425b71;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;text-transform:uppercase;transition:background-color 1s 0s ease-out}
.flato-dark-button:before {content:'\f135';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;}
.flato-red-button {opacity:1;padding:7px 14px!important;background:#e4644b;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;text-transform:uppercase;transition:background-color 1s 0s ease-out}
.flato-red-button:before {content:'\f0c3';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;}
.flato-RedHm-button {opacity:1;padding:7px 14px!important;background:#e74c3c;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;text-transform:uppercase;transition:background-color 1s 0s ease-out}
.flato-RedHm-button:before {content:'\f127';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;}
.flato-pink-button {opacity:1;padding:7px 14px!important;background:#e75d66;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;text-transform:uppercase;transition:background-color 1s 0s ease-out}
.flato-pink-button:before {content:'\f041';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;}
.flato-blue-button {opacity:1;padding:7px 14px!important;background:#3bbce0;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;text-transform:uppercase;transition:background-color 1s 0s ease-out}
.flato-blue-button:before {content:'\f058';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;}
.flato-tirquoise-button {opacity:1;padding:7px 14px!important;background:#00c5ad;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;text-transform:uppercase;transition:background-color 1s 0s ease-out}
.flato-tirquoise-button:before {content:'\f0c2';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;}
.flato-green-button {opacity:1;padding:7px 14px!important;background:#99ca6a;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;text-transform:uppercase;transition:background-color 1s 0s ease-out}
.flato-green-button:before {content:'\f07b';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;}
.flato-yellow-button {opacity:1;padding:7px 14px!important;background:#fac75b;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;text-transform:uppercase;transition:background-color 1s 0s ease-out}
.flato-yellow-button:before {content:'\f084';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;}
.flato-gray-button {opacity:1;padding:7px 14px!important;background:#c9ced1;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;text-transform:uppercase;transition:background-color 1s 0s ease-out}
.flato-gray-button:before {content:'\f0c1';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;}
.flato-purblehm-button {opacity:1;padding:7px 14px!important;background:#A954E4;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;text-transform:uppercase;transition:background-color 1s 0s ease-out}
.flato-purblehm-button:before {content:'\f0c7';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;}
.flato-purblehm-button:hover,.flato-red-button:hover,.flato-RedHm-button:hover,.flato-pink-button:hover,.flato-blue-button:hover,.flato-tirquoise-button:hover,.flato-green-button:hover,.flato-yellow-button:hover,.flato-gray-button:hover,.flato-dark-button:hover,.demo:hover,.download1:hover,.download:hover {background:rgba(224, 90, 90, 0.72);text-shadow:0 0 1px #222;color:#fff;;}
/* CSS Simple Butn th3geekweb3 */
.whitebutton {margin: 20px auto;padding: 20px 0;width: 230px;}
.whitebutton a {background: #282830;color: #FFF;display: block;font-size: 18.1px;font-weight: 700;height: 50px;line-height: 50px;text-align: center;text-decoration: none;text-transform: uppercase;width: 230px;position: relative;z-index: 2;border-radius:2px}
.whitebutton a:before {content: '\f019';font-family: FontAwesome;font-weight: normal;padding: 8px;margin-right: 6px;}
.whitebutton span {background: #444;color: #fff;display: block;font-size: 12px;font-family: Electrolize,ge_ss_threeregular;height: 40px;line-height: 40px;text-align: center;width: 230px;z-index: 1;text-transform: uppercase;font-weight: bold;}
.whitebutton .up {background: #DD2D39;margin: -25px auto;opacity: 0;border-radius: 0 0 5px 5px;transform: translate(0,-50px);transition: 350ms;}
.whitebutton .down {margin: -30px auto;opacity: 0;border-radius: 5px 5px 0 0;transform: translate(0,-50px);transition: 350ms;}
.whitebutton .down:before {content:'\f14a';font-family: FontAwesome;font-weight: normal;margin-right: 6px;color: #aaa;}
.whitebutton:hover .up {opacity: 1;transform: translate(0,0);}
.whitebutton:hover .down {opacity: 1;transform: translate(0,-90px);}
.whitebuttondemo {margin: 20px auto;padding: 20px 0;width: 230px;}
.whitebuttondemo a {background: #DD2D39;color: #fff;display: block;font-size: 18.1px;font-weight: 700;height: 50px;line-height: 50px;text-align: center;text-decoration: none;text-transform: uppercase;width: 230px;position: relative;z-index: 2;transition: 350ms;border-radius:2px}
.whitebuttondemo a:before {content:'\f002';font-family: FontAwesome;font-weight: normal;padding: 8px;margin-right: 6px;}
.whitebuttondemo a:hover {color:#fff;}
.whitebuttondemo span {background: #444;color: #fff;display: block;font-size: 12px;font-family: Electrolize,ge_ss_threeregular;height: 40px;line-height: 40px;text-align: center;width: 230px;z-index: 1;text-transform: uppercase;font-weight: bold;}
.whitebuttondemo .up {background: #444;margin: -25px auto;opacity: 0;border-radius: 0 0 5px 5px;transform: translate(0,-50px);transition: 350ms;}
.whitebuttondemo:hover .up {opacity: 1;transform: translate(0,0);}
.button
{
float:right;
list-style:none;
text-align:center;
width:95%;
margin:10px;
padding:2px;
font-size:14px;
clear:both
}
.button ul
{
margin:0;
padding:0
}
.button li
{
display:inline;
margin:0;
padding:0
}
.demo
{
opacity:1;
padding:7px 14px!important;
background:#9eb2c0;
color:#fff!important;
font-weight:400;
font-size:14px;
font-family:Electrolize,'ge_ss_tvbold';
text-align:center;
text-transform:uppercase;
transition:background-color 1s 0 ease-out
}
.download
{
opacity:1;
padding:7px 14px!important;
background:#fe4e3f;
color:#fff!important;
font-weight:400;
font-size:14px;
font-family:Electrolize,'ge_ss_tvbold';
text-align:center;
text-transform:uppercase;
transition:background-color 1s 0 ease-out
}
.demo:before
{
content:'\f06e';
display:inline-block;
margin-left:5px;
width:16px;
height:20px;
line-height:24px;
color:#fff;
font-family:fontawesome;
transition:all .5s ease-in-out;
padding:3px;
background:rgba(0,0,0,0.2);
margin-right:-13px;
padding-bottom:8px;
padding-left:7px;
padding-right:7px
}
.download:before
{
content:'\f019';
display:inline-block;
margin-left:5px;
width:16px;
height:20px;
line-height:24px;
color:#fff;
font-family:fontawesome;
transition:all .5s ease-in-out;
padding:3px;
background:rgba(0,0,0,0.2);
margin-right:-13px;
padding-bottom:8px;
padding-left:7px;
padding-right:7px
}
.download1
{
opacity:1;
padding:7px 14px!important;
background:#3FA2FE;
color:#fff!important;
font-weight:400;
font-size:14px;
font-family:Electrolize,'ge_ss_tvbold';
text-align:center;
text-transform:uppercase;
transition:background-color 1s 0 ease-out
}
.download1:before
{
content:'\f019';
display:inline-block;
margin-left:5px;
width:16px;
height:20px;
line-height:24px;
color:#fff;
font-family:fontawesome;
transition:all .5s ease-in-out;
padding:3px;
background:rgba(0,0,0,0.2)padding: 3px;
background:rgba(0,0,0,0.2);
margin-right:-13px;
padding-bottom:8px;
padding-left:7px;
padding-right:7px
}
.flato-dark-button
{
opacity:1;
padding:7px 14px!important;
background:#425b71;
color:#fff!important;
font-weight:400;
font-size:14px;
font-family:Electrolize,'ge_ss_tvbold';
text-align:center;
text-transform:uppercase;
transition:background-color 1s 0 ease-out
}
.flato-dark-button:before
{
content:'\f135';
display:inline-block;
margin-left:5px;
width:16px;
height:20px;
line-height:24px;
color:#fff;
font-family:fontawesome;
transition:all .5s ease-in-out;
padding:3px;
background:rgba(0,0,0,0.2);
margin-right:-13px;
padding-bottom:8px;
padding-left:7px;
padding-right:7px
}
.flato-red-button
{
opacity:1;
padding:7px 14px!important;
background:#e4644b;
color:#fff!important;
font-weight:400;
font-size:14px;
font-family:Electrolize,'ge_ss_tvbold';
text-align:center;
text-transform:uppercase;
transition:background-color 1s 0 ease-out
}
.flato-red-button:before
{
content:'\f0c3';
display:inline-block;
margin-left:5px;
width:16px;
height:20px;
line-height:24px;
color:#fff;
font-family:fontawesome;
transition:all .5s ease-in-out;
padding:3px;
background:rgba(0,0,0,0.2);
margin-right:-13px;
padding-bottom:8px;
padding-left:7px;
padding-right:7px
}
.flato-RedHm-button
{
opacity:1;
padding:7px 14px!important;
background:#e74c3c;
color:#fff!important;
font-weight:400;
font-size:14px;
font-family:Electrolize,'ge_ss_tvbold';
text-align:center;
text-transform:uppercase;
transition:background-color 1s 0 ease-out
}
.flato-RedHm-button:before
{
content:'\f127';
display:inline-block;
margin-left:5px;
width:16px;
height:20px;
line-height:24px;
color:#fff;
font-family:fontawesome;
transition:all .5s ease-in-out;
padding:3px;
background:rgba(0,0,0,0.2);
margin-right:-13px;
padding-bottom:8px;
padding-left:7px;
padding-right:7px
}
.flato-pink-button
{
opacity:1;
padding:7px 14px!important;
background:#e75d66;
color:#fff!important;
font-weight:400;
font-size:14px;
font-family:Electrolize,'ge_ss_tvbold';
text-align:center;
text-transform:uppercase;
transition:background-color 1s 0 ease-out
}
.flato-pink-button:before
{
content:'\f041';
display:inline-block;
margin-left:5px;
width:16px;
height:20px;
line-height:24px;
color:#fff;
font-family:fontawesome;
transition:all .5s ease-in-out;
padding:3px;
background:rgba(0,0,0,0.2);
margin-right:-13px;
padding-bottom:8px;
padding-left:7px;
padding-right:7px
}
.flato-blue-button
{
opacity:1;
padding:7px 14px!important;
background:#3bbce0;
color:#fff!important;
font-weight:400;
font-size:14px;
font-family:Electrolize,'ge_ss_tvbold';
text-align:center;
text-transform:uppercase;
transition:background-color 1s 0 ease-out
}
.flato-blue-button:before
{
content:'\f058';
display:inline-block;
margin-left:5px;
width:16px;
height:20px;
line-height:24px;
color:#fff;
font-family:fontawesome;
transition:all .5s ease-in-out;
padding:3px;
background:rgba(0,0,0,0.2);
margin-right:-13px;
padding-bottom:8px;
padding-left:7px;
padding-right:7px
}
.flato-tirquoise-button
{
opacity:1;
padding:7px 14px!important;
background:#00c5ad;
color:#fff!important;
font-weight:400;
font-size:14px;
font-family:Electrolize,'ge_ss_tvbold';
text-align:center;
text-transform:uppercase;
transition:background-color 1s 0 ease-out
}
.flato-tirquoise-button:before
{
content:'\f0c2';
display:inline-block;
margin-left:5px;
width:16px;
height:20px;
line-height:24px;
color:#fff;
font-family:fontawesome;
transition:all .5s ease-in-out;
padding:3px;
background:rgba(0,0,0,0.2);
margin-right:-13px;
padding-bottom:8px;
padding-left:7px;
padding-right:7px
}
.flato-green-button
{
opacity:1;
padding:7px 14px!important;
background:#99ca6a;
color:#fff!important;
font-weight:400;
font-size:14px;
font-family:Electrolize,'ge_ss_tvbold';
text-align:center;
text-transform:uppercase;
transition:background-color 1s 0 ease-out
}
.flato-green-button:before
{
content:'\f07b';
display:inline-block;
margin-left:5px;
width:16px;
height:20px;
line-height:24px;
color:#fff;
font-family:fontawesome;
transition:all .5s ease-in-out;
padding:3px;
background:rgba(0,0,0,0.2);
margin-right:-13px;
padding-bottom:8px;
padding-left:7px;
padding-right:7px
}
.flato-yellow-button
{
opacity:1;
padding:7px 14px!important;
background:#fac75b;
color:#fff!important;
font-weight:400;
font-size:14px;
font-family:Electrolize,'ge_ss_tvbold';
text-align:center;
text-transform:uppercase;
transition:background-color 1s 0 ease-out
}
.flato-yellow-button:before
{
content:'\f084';
display:inline-block;
margin-left:5px;
width:16px;
height:20px;
line-height:24px;
color:#fff;
font-family:fontawesome;
transition:all .5s ease-in-out;
padding:3px;
background:rgba(0,0,0,0.2);
margin-right:-13px;
padding-bottom:8px;
padding-left:7px;
padding-right:7px
}
.flato-gray-button
{
opacity:1;
padding:7px 14px!important;
background:#c9ced1;
color:#fff!important;
font-weight:400;
font-size:14px;
font-family:Electrolize,'ge_ss_tvbold';
text-align:center;
text-transform:uppercase;
transition:background-color 1s 0 ease-out
}
.flato-gray-button:before
{
content:'\f0c1';
display:inline-block;
margin-left:5px;
width:16px;
height:20px;
line-height:24px;
color:#fff;
font-family:fontawesome;
transition:all .5s ease-in-out;
padding:3px;
background:rgba(0,0,0,0.2);
margin-right:-13px;
padding-bottom:8px;
padding-left:7px;
padding-right:7px
}
.flato-purblehm-button
{
opacity:1;
padding:7px 14px!important;
background:#A954E4;
color:#fff!important;
font-weight:400;
font-size:14px;
font-family:Electrolize,'ge_ss_tvbold';
text-align:center;
text-transform:uppercase;
transition:background-color 1s 0 ease-out
}
.flato-purblehm-button:before
{
content:'\f0c7';
display:inline-block;
margin-left:5px;
width:16px;
height:20px;
line-height:24px;
color:#fff;
font-family:fontawesome;
transition:all .5s ease-in-out;
padding:3px;
background:rgba(0,0,0,0.2);
margin-right:-13px;
padding-bottom:8px;
padding-left:7px;
padding-right:7px
}
.flato-purblehm-button:hover,.flato-red-button:hover,.flato-RedHm-button:hover,.flato-pink-button:hover,.flato-blue-button:hover,.flato-tirquoise-button:hover,.flato-green-button:hover,.flato-yellow-button:hover,.flato-gray-button:hover,.flato-dark-button:hover,.demo:hover,.download1:hover,.download:hover
{
background:rgba(0,0,0,0.6);
text-shadow:0 0 1px #222;
color:#fff
}
ul.flato-dropdown
{
text-align:center;
font-weight:400;
font-size:12px;
font-family:Electrolize,ge_ss_tvbold;
display:inline-block
}
ul.flato-dropdown li
{
background:#E9454C url(http://3.bp.blogspot.com/-eK9QA4-zBlM/VDAxN_3CM1I/AAAAAAAAGRs/pO54adLvPIA/s1600/arrow-right.png) no-repeat 12px center;
height:33px;
line-height:1px;
float:left;
display:inline;
width:173px;
margin-left:2px;
border-radius:3px
}
ul.flato-dropdown li:hover
{
background:#D3373D url(http://3.bp.blogspot.com/-J-RAWwPXHTI/VDAxNttXprI/AAAAAAAAGRo/1ituf5RlQtw/s1600/arrow-down.png) no-repeat 12px center;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
-moz-transition:.5s;
-o-transition:.5s;
transition:.5s
}
ul.flato-dropdown li:first-child
{
margin-left:0
}
ul.flato-dropdown li a
{
display:block;
color:#F5F5F5;
line-height:33px;
outline:none;
text-decoration:none
}
ul.flato-dropdown li a:hover
{
color:#fff;
-webkit-transition:.5s;
-moz-transition:.5s;
-o-transition:.5s;
transition:.5s
}
ul.flato-dropdown li ul
{
padding:6px 0 0;
visibility:hidden;
width:100%;
height:100%;
opacity:0
}
ul.flato-dropdown li:hover > ul
{
visibility:visible;
opacity:1;
-webkit-transition-duration:.7s;
-moz-transition-duration:.7s;
-o-transition-duration:.7s;
transition-duration:.7s
}
ul.flato-dropdown ul li
{
margin:0;
text-align:center;
border-top:1px solid #C03940;
background:#D3373D;
height:25px;
line-height:25px;
-moz-border-radius:0;
-webkit-border-radius:0;
-khtml-border-radius:0;
border-radius:0;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none
}
ul.flato-dropdown ul li:hover
{
background:#DA3B42;
-moz-border-radius:0;
-webkit-border-radius:0;
-khtml-border-radius:0;
border-radius:0;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none
}
ul.flato-dropdown ul li:first-child
{
border-top:none;
-moz-border-radius:6px 6px 0 0;
-webkit-border-radius:6px 6px 0 0;
-khtml-border-radius:6px 6px 0 0;
border-radius:6px 6px 0 0;
behavior:url(PIE.htc)
}
ul.flato-dropdown ul li:last-child
{
-moz-border-radius:0 0 6px 6px;
-webkit-border-radius:0 0 6px 6px;
-khtml-border-radius:0 0 6px 6px;
border-radius:0 0 6px 6px;
behavior:url(PIE.htc)
}
ul.flato-dropdown li:hover > ul
{
visibility:visible
}
ul.flato-dropdown li:hover > ul li
{
overflow:visible
}
ul.flato-dropdown ul li a
{
width:100%;
color:#F5F5F5;
line-height:25px;
overflow:hidden;
display:block
}
/*------------------------------------------------------
Subscribe E-mail
------------------------------------------------------*/
form#subscribe {
width: 100%;
margin: 0 auto;
}
.subcribe-email {
width: 100%;
height: 200px;
}
.subcribe-email p {
color: #7D7D7D;
text-align: center;
padding: 10px;
font-size: 18px;
}
#subbox {
background: #eee;
border: none;
color: #ABABAB;
padding: 15px 15px 14px 45px;
text-transform: uppercase;
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
height: 41px;
margin-top: 15px;
}
#subbox:focus {
border: 0;
outline: 0;
}
input[type=&quot;text&quot;] {
background: #eee;
border: none;
color: #ABABAB;
padding: 15px 15px 14px 45px;
text-transform: uppercase;
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
height: 41px;
margin: 0 auto;
}
input[type=&quot;text&quot;]:focus {
border: 0;
outline: 0;
}
input#subbutton {
  width: 85%;
  height: 40px;
  text-transform: uppercase;
  margin-top: 15px;
  margin-right: 32px;
}
input#subbutton:hover {
background: #222;
color: #FFF;
}
#search_field_block {
display: block;
width: 79%;
border: none;
padding: 13px 20px 12px;
padding-left: 20px;
background: none;
float: left;
color: #7D7D7D;
background: #ddd;
font-family: &#39;Armata&#39;, &quot;Helvetica Neue&quot;, Arial, Helvetica, Geneva, sans-serif;
outline: none;
margin: 0;
}
#search_submit_block, #subbutton {
display: block;
border: none;
height: 44px;
width: 60px;
float: right;
color: #eee;
background: #0894D8;
cursor: pointer;
outline: 0;
}
]]></b:skin>

<style type='text/css'>


body {-webkit-backface-visibility:hidden;}

.animated {-webkit-animation-duration: 1s;-moz-animation-duration: 1s;
-o-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;}

@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}}

@-o-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}}

@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}}

.animated.fadeIn {-webkit-animation-name: fadeIn;-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;animation-name: fadeIn;}

@-webkit-keyframes fadeInUp {
	0% {opacity: 0;-webkit-transform: translateY(20px);}
	100% {opacity: 1;-webkit-transform: translateY(0);}}

@-moz-keyframes fadeInUp {
	0% {opacity: 0;-moz-transform: translateY(20px);}
	100% {opacity: 1;-moz-transform: translateY(0);}}

@-o-keyframes fadeInUp {
	0% {opacity: 0;-o-transform: translateY(20px);}
	100% {opacity: 1;-o-transform: translateY(0);}}

@keyframes fadeInUp {
	0% {opacity: 0;transform: translateY(20px);}
	100% {opacity: 1;transform: translateY(0);}}

.animated.fadeInUp {-webkit-animation-name: fadeInUp;-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;animation-name: fadeInUp;}
@-webkit-keyframes fadeInDown {
	0% {opacity: 0;-webkit-transform: translateY(-20px);}
	100% {opacity: 1;-webkit-transform: translateY(0);}}

@-moz-keyframes fadeInDown {
	0% {opacity: 0;-moz-transform: translateY(-20px);}
	100% {opacity: 1;-moz-transform: translateY(0);}}

@-o-keyframes fadeInDown {
	0% {opacity: 0;-o-transform: translateY(-20px);}
	100% {opacity: 1;-o-transform: translateY(0);}}

@keyframes fadeInDown {
	0% {opacity: 0;transform: translateY(-20px);}
	100% {opacity: 1;transform: translateY(0);}}

.animated.fadeInDown {-webkit-animation-name: fadeInDown;-moz-animation-name: fadeInDown;-o-animation-name: fadeInDown;animation-name: fadeInDown;}

@-webkit-keyframes fadeInLeft {
	0% {opacity: 0;-webkit-transform: translateX(-20px);}
	100% {opacity: 1;-webkit-transform: translateX(0);}}

@-moz-keyframes fadeInLeft {
	0% {opacity: 0;-moz-transform: translateX(-20px);}
	100% {opacity: 1;-moz-transform: translateX(0);}}

@-o-keyframes fadeInLeft {
	0% {opacity: 0;-o-transform: translateX(-20px);}
	100% {opacity: 1;-o-transform: translateX(0);}}

@keyframes fadeInLeft {
	0% {opacity: 0;transform: translateX(-20px);}
	100% {opacity: 1;transform: translateX(0);}}

.animated.fadeInLeft {-webkit-animation-name: fadeInLeft;-moz-animation-name: fadeInLeft;-o-animation-name: fadeInLeft;animation-name: fadeInLeft;}

@-webkit-keyframes fadeInRight {
	0% {opacity: 0;-webkit-transform: translateX(20px);}
	100% {opacity: 1;-webkit-transform: translateX(0);}}

@-moz-keyframes fadeInRight {
	0% {opacity: 0;-moz-transform: translateX(20px);}
	100% {opacity: 1;-moz-transform: translateX(0);}}

@-o-keyframes fadeInRight {
	0% {opacity: 0;-o-transform: translateX(20px);}
	100% {opacity: 1;-o-transform: translateX(0);}}

@keyframes fadeInRight {
	0% {opacity: 0;transform: translateX(20px);}
	100% {opacity: 1;transform: translateX(0);}}

.animated.fadeInRight {-webkit-animation-name: fadeInRight;-moz-animation-name: fadeInRight;-o-animation-name: fadeInRight;animation-name: fadeInRight;}

@-webkit-keyframes fadeInUpBig {
	0% {opacity: 0;-webkit-transform: translateY(2000px);}
	100% {opacity: 1;-webkit-transform: translateY(0);}}

@-moz-keyframes fadeInUpBig {
	0% {opacity: 0;-moz-transform: translateY(2000px);}
	100% {opacity: 1;-moz-transform: translateY(0);}}

@-o-keyframes fadeInUpBig {
	0% {opacity: 0;-o-transform: translateY(2000px);}
	100% {opacity: 1;-o-transform: translateY(0);}}

@keyframes fadeInUpBig {
	0% {opacity: 0;transform: translateY(2000px);}
	100% {opacity: 1;transform: translateY(0);}}

.animated.fadeInUpBig {-webkit-animation-name: fadeInUpBig;-moz-animation-name: fadeInUpBig;-o-animation-name: fadeInUpBig;animation-name: fadeInUpBig;}

@-webkit-keyframes fadeInDownBig {
	0% {opacity: 0;-webkit-transform: translateY(-2000px);}
	100% {opacity: 1;-webkit-transform: translateY(0);}}

@-moz-keyframes fadeInDownBig {
	0% {opacity: 0;-moz-transform: translateY(-2000px);}
	100% {opacity: 1;-moz-transform: translateY(0);}}

@-o-keyframes fadeInDownBig {
	0% {opacity: 0;-o-transform: translateY(-2000px);}
	100% {opacity: 1;-o-transform: translateY(0);}}

@keyframes fadeInDownBig {
	0% {opacity: 0;transform: translateY(-2000px);}
	100% {opacity: 1;transform: translateY(0);}}

.animated.fadeInDownBig {-webkit-animation-name: fadeInDownBig;-moz-animation-name: fadeInDownBig;-o-animation-name: fadeInDownBig;animation-name: fadeInDownBig;}

@-webkit-keyframes fadeInLeftBig {
	0% {opacity: 0;-webkit-transform: translateX(-2000px);}
	100% {opacity: 1;-webkit-transform: translateX(0);}}

@-moz-keyframes fadeInLeftBig {
	0% {opacity: 0;-moz-transform: translateX(-2000px);}
	100% {opacity: 1;-moz-transform: translateX(0);}}

@-o-keyframes fadeInLeftBig {
	0% {opacity: 0;-o-transform: translateX(-2000px);}
	100% {opacity: 1;-o-transform: translateX(0);}}

@keyframes fadeInLeftBig {
	0% {opacity: 0;transform: translateX(-2000px);}
	100% {opacity: 1;transform: translateX(0);}}

.animated.fadeInLeftBig {-webkit-animation-name: fadeInLeftBig;-moz-animation-name: fadeInLeftBig;-o-animation-name: fadeInLeftBig;animation-name: fadeInLeftBig;}

@-webkit-keyframes fadeInRightBig {
	0% {opacity: 0;-webkit-transform: translateX(2000px);}
	100% {opacity: 1;-webkit-transform: translateX(0);}}

@-moz-keyframes fadeInRightBig {
	0% {opacity: 0;-moz-transform: translateX(2000px);}
	100% {opacity: 1;-moz-transform: translateX(0);}}

@-o-keyframes fadeInRightBig {
	0% {opacity: 0;-o-transform: translateX(2000px);}
	100% {opacity: 1;-o-transform: translateX(0);}}

@keyframes fadeInRightBig {
	0% {opacity: 0;transform: translateX(2000px);}
	100% {opacity: 1;transform: translateX(0);}}

.animated.fadeInRightBig {-webkit-animation-name: fadeInRightBig;-moz-animation-name: fadeInRightBig;-o-animation-name: fadeInRightBig;animation-name: fadeInRightBig;}


/* CSS Content Wrapper */
#content-wrapper {background-color:#fff;margin:0 auto;padding:5px 0 0;
word-wrap:break-word;}

/* CSS Header Wrapper */
#header-wrapper {width:100%;margin:0 auto;margin-bottom:15px;overflow:hidden;padding:0;}
#header {float:right;width:100%;max-width:257px;color:#46515e;margin:0;}
#header h1, #header p {font-family:&#39;Roboto&#39;;font-size:250%;font-weight:300;color:#46515e;text-transform:uppercase;}
#header a {color:#46515e;text-decoration:none;transition:all 0.3s ease-in-out;}
#header a:hover {color:#33B5E5;}
#header .description {font-family:&#39;Open Sans&#39;;font-size:100%;font-weight:400;color:#5b686a;text-transform:none;}
.header img {display:block;}
.header-left {float:left;padding:0;overflow:hidden;margin:0;width:100%;
max-width:728px;}
.header-left img {display:block;border: 1px dashed #EFEFEF;}


/* CSS Main Menu */
#menu-wrapper{background:#363636;height:50px;width:100%;position:relative;padding-left:-20px;padding-right:-20px;border-bottom:5px solid #33B5E5;}
#menu{background:#363636;color:#fff;height:50px;}
#menu ul,#menu li{margin:0;padding:0;list-style:none;}
#menu ul{height:50px}
#menu li{float:right;display:inline;position:relative;font-family:Electrolize,ge_ss_threeregular;font-size:14px;font-weight:400;text-transform:uppercase;}
#menu li a{color:#fff;}
#menu a{display:block;line-height:50px;padding:0 20px;text-decoration:none;color:#fff;transition:all 0.2s ease-in-out;}
#menu li:hover &gt; a{background:#252525;color:#fff;}
#menu li a:hover{color:#fff;}
#menu li:first-child a{margin-left:20px;border-right:none;}
#menu li:last-child a{border-right:none;}
#menu input{display:none;margin:0;padding:0;width:80px;height:50px;opacity:0;cursor:pointer}
#menu label{font-family:&#39;Oswald&#39;;font-size:30px;font-weight:400;text-transform:uppercase;display:none;width:35px;height:51px;line-height:51px;text-align:center}
#menu label span{font-size:13px;position:absolute;left:35px}
#menu ul.menus{visibility:hidden;opacity:0;height:auto;overflow:hidden;width:166px;background:#303030;position:absolute;z-index:99;display:none;color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,0.2);transition:all 0.3s ease-in-out;}
#menu li &gt; ul.menus{transition:all 0.3s linear;}
#menu li:hover &gt; ul.menus{visibility:visible;opacity:1;display:block;-moz-animation: fadeInUp .3s ease-in-out;-webkit-animation: fadeInUp .3s ease-in-out;animation: fadeInUp .3s ease-in-out;transition:all 0.3s linear;}
#menu a.ai,#menu a.trigger2{padding:0 27px 0 14px;transition:all 0.3s linear;}
#menu li:hover &gt; a.ai,#menu a.ai:hover{background:#252525;color:#fff}
#menu a.ai::after{content:&quot;&quot;;width:6px;height:6px;border:2px solid #fff;border-right-width:0;border-top-width:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);position:absolute;top:19px;right:12px;transition:all .3s linear;}
#menu a.ai,#menu a.trigger2{padding:0 27px 0 14px;transition:all 0.3s ease-in-out;}
#menu li:hover &gt; a.ai::after{content:&quot;&quot;;width:6px;height:6px;border:2px solid yellow;border-right-width:0;border-top-width:0;transform:rotate(320deg);-webkit-transform:rotate(320deg);-moz-transform:rotate(320deg);-o-transform:rotate(320deg);-ms-transform:rotate(320deg);position:absolute;top:19px;right:12px;transition:all .3s linear;}
#menu ul.menus a{background:#303030;color:#fff;border-bottom:1px solid #252525;border-top:1px solid #444;transition:all .3s linear;}
#menu ul.menus a:hover{background:#33B5E5;color:#fff;transition:all .1s linear;}
#menu ul.menus li{display:block;width:100%;font-family:Electrolize,ge_ss_threeregular;font-size:13px;font-weight:400;text-transform:none;}
#menu ul.menus li:hover{width:100%;}
#menu ul.menus li:last-child {border-bottom:none;border-top:none;}
#menu ul.menus li:first-child a{margin-left:0;border-top:none;}
#menu ul.menus li:last-child a{border-bottom:none;border-top:none;}
#menu ul.menus li:hover a {color:#fff;}
#menu .homers a{background:#33B5E5;color:#fff;}
#menu .homers a:hover{background:#303030;color:#fff;}

/* CSS Search */
#search {position:relative;font-size:13px;font-family:&#39;Open Sans&#39;,sans-serif;width:auto;height:100%;margin:0 auto;text-align:center;}
#search-form {margin:0 auto;background:#fff url(&#39;http://2.bp.blogspot.com/-rRYRHBpaPKo/U8aAIU6MgdI/AAAAAAAAEZQ/8xL3jXykKQU/s1600/search.png&#39;) 96% 50% no-repeat;border:0 none;height:36px;line-height:13px;width:92%;font-family:&#39;Open Sans&#39;,sans-serif;font-size:13px;font-weight:400;color:#bbb;padding:0 10px;border:1px solid #e0e0e0;opacity:0.9;transition:all 0.5s ease 0s;}
#search-form .search-button,#search-form .search-button:hover{transition:all 0.5s ease 0s;height:36px;width:36px;line-height:13px;background:#fff;border:0 none;float:right;cursor:pointer;outline:none;}
#search-form:hover{background:#fff url(&#39;http://2.bp.blogspot.com/-rRYRHBpaPKo/U8aAIU6MgdI/AAAAAAAAEZQ/8xL3jXykKQU/s1600/search.png&#39;) 90% 50% no-repeat;color:#888;border:1px solid #e0e0e0;opacity:1;}
#search-form:focus{background:#fff url(&#39;http://2.bp.blogspot.com/-rRYRHBpaPKo/U8aAIU6MgdI/AAAAAAAAEZQ/8xL3jXykKQU/s1600/search.png&#39;) -10% 50% no-repeat;text-shadow:none!important;outline:none;color:#666;border:1px solid #bbb;}
#box {display:none}
.search-text {font-size:13px;font-family:&#39;Open Sans&#39;;float:right;cursor:pointer;}
.search-text:hover {color:#fff}


/* CSS Post Wrapper */
#post-wrapper {background:transparent;color:#666;float:right;width:70%;max-width:700px;margin:0 0 10px;}
.post-inner {padding:15px 0 0 15px;margin-right: 10px;}
.breadcrumbs {background:#fafafa;font-size:100%;margin-right: 5px;height:30px;overflow:hidden;padding:0;border:1px solid #e0e0e0;border-bottom:none;}
.breadcrumbs &gt; span {background:#fafafa;padding:0;}
.breadcrumbs &gt; span:last-child {background:#fafafa;color:#666;border-left:none;font-family:droid arabic kufi;font-size:13px;font-weight:300;padding:10px;line-height:30px;}
.breadcrumbs a {background:#fafafa;color:#666;border-left:1px solid #e0e0e0;font-family:&#39;Open Sans&#39;;font-size:13px;font-weight:normal;}
.breadcrumbs span a {color:#666;padding:10px;}
.breadcrumbs span:first-child  a{background: #33B5E5;color:#fff;border-right:none;font-family: ge_ss_threeregular;}
.breadcrumbs span a:hover {color:#fff;}
.breadcrumbs a:hover {background:#33B5E5;color:#fff;}
.post {background:#fff;margin:0 0 15px;padding:15px;border:1px solid #ddd;}
.post-body {line-height:1.6em;color:#444;margin-top:15px;margin-left:0;font-size:13px;font-family: Electrolize,ge_ss_threeregular;}
.post-body img {max-width:95%;margin:0 auto;height:auto;}
h3.post-title, h2.post-title, h1.post-title {font-family:droid arabic kufi;font-size:15px;font-weight:700;text-align:center;border-bottom:1px solid #ddd;padding-bottom:15px;}
h3.post-title a, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color:#666;}
h3.post-title a:hover, h2.post-title a:hover, h1.post-title a:hover {color:#33B5E5!important;}
.post-info {background:transparent;margin-top:5px;margin-bottom:5px;color:#fff;font-size:11px;}
.post-info a {display:inline;background:transparent;color:#888;padding:4px 6px 4px 6px;transition:all .3s ease-in-out;}
.post-info a:hover {color:#33B5E5;}
.author-info, .time-info, .comment-info, .label-info, .review-info {
margin-left:1px!important;display:inline;}
.halaman{padding:8px;background:#fff;border:1px solid #ddd;}
.halaman-kiri{width:50%;background:#fff;float:right;margin:0;text-align:right;color:#888;transition:all .3s ease-in-out;}
.halaman-kanan{width:50%;background:#fff;float:left;margin:0;text-align:left;color:#888;transition:all .3s ease-in-out}
.halaman-kanan:hover .pager-title-right,.halaman-kiri:hover .pager-title-right{color:#33B5E5!important;}
.halaman-kanan a:hover,.halaman-kiri a:hover{color:#33B5E5!important;}
.halaman-kiri a,.halaman-kanan a,.current-pageright,.current-pageleft{font-size:14px; font-family: normal,ge_ss_threeregular;font-weight:300;background:none;text-decoration:none}
.halaman-kiri a,.halaman-kanan a{color:#888;}
.pager-title-right{font-family: normal,ge_ss_threeregular;font-size:22px;font-weight:700;transition:all .3s ease-in-out;line-height: 1.8em;}
.isihalaman-kiri{margin:5px 10px 10px}
.isihalaman-kanan{margin:5px 10px 10px}
#blog-pager-newer-link{float:right}
#blog-pager-older-link{float:left}
.blog-pager,#blog-pager{clear:both;text-align:center}
.feed-links{clear:both;line-height:2.5em}


/* Notifikasi Komentar */
#show-total {
	 position:fixed;top:10px;right:87px;z-index:99;cursor:pointer;
float:left;}

.total-show {background-color:#33B5E5;color:#fff;padding:1px 8px;font-size:12px;
border-radius:1px;font-weight:Bold;font-family: Electrolize,ge_ss_threeregular;}
 
#notif { cursor: pointer }
 
	#notif:before {
		content:url(&#39;http://3.bp.blogspot.com/-NOQloZWyHEA/VAx0E2YqnhI/AAAAAAAAFkQ/EbN2lUg1ELU/s320/comm-ar1web.png&#39;);
		padding:5px 6px 6px 6px;
		border-radius: 3px;
		display: block;
		position: fixed;
		top: 0px;
		right: 110px;
		opacity: .5;
		z-index: 999;
		transition: all .4s ease-out }
 
	#notif:hover:before { opacity: 1 }
 
#notif2 {cursor:pointer;display:none}
#notif2:before {
content: url(&#39;http://3.bp.blogspot.com/-NOQloZWyHEA/VAx0E2YqnhI/AAAAAAAAFkQ/EbN2lUg1ELU/s320/comm-ar1web.png&#39;);
display:block;
padding:5px 6px 6px 6px;
position:fixed;
top:0px;
right:110px;
opacity:.5;
z-index:9997;
transition:all 0.4s ease-out;
}
 
	#notif2:hover:before { opacity: 1 }
 
#cm-wrapper {
	width: 300px;
	position: fixed;
	top: 50px;
	left: -381px;
	z-index: 999;
	background-color: #192028;
	padding:15px 15px 25px 13px;
	color: #666;
	font-family: Electrolize,ge_ss_threeregular;
	border-top: 8px solid #E6E7E7;
	transition: .5s ease }
 
	#cm-wrapper:before {
		content: &quot;&quot;;
		width: 0;
		height: 0;
		position: absolute;
		top: -24px;
		left: 193px;
		border: 8px solid transparent;
		border-color: transparent transparent #E6E7E7 }
 /* CSS Responsive Slider Recent Post www.th3geekweb3.com */
#slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#slides ul,#slides li{padding:0;margin:0;list-style:none;position:relative}
#slides ul{height:320px}
#slides li{width:50%;height:100%;position:absolute;display:none}
#slides li:nth-child(1), #slides li:nth-child(2), #slides li:nth-child(3), #slides li:nth-child(4), #slides li:nth-child(5){display:block}
#slides li:nth-child(1){left:0;top:0}
#slides li:nth-child(2){left:50%;width:25%;height:50%}
#slides li:nth-child(3){left:75%;width:25%;height:50%}
#slides li:nth-child(4){left:50%;top:50%;width:25%;height:50%}
#slides li:nth-child(5){left:75%;top:50%;width:25%;height:50%}
#slides li:nth-child(1) h4 {overflow:hidden;font-size:21px;bottom:0;color:#fafafa;width:100%;
padding:10px 10px 10px 90px;text-align:left;text-transform:uppercase;background:rgba(0,0,0,0.3);
height:90px;font-family:droid arabic kufi;text-shadow:2px 2px 0 rgba(0,0,0,0.2);line-height:32px;left:0;}
#slides li:nth-child(1) .label_text {font-size:30px;display:block;bottom:10px;left:10px;
padding:0;font-family:&#39;Oswald&#39;;box-shadow:5px 3px 0 rgba(0,0,0,0.2);}
#slides li:nth-child(1) span.dd {display:block;font-size:30px;padding:12px 15px;
background:#ff6553;margin:0;}
#slides li:nth-child(1) span.dm {display:block;font-size:14px;background:#333;color:#fff;
padding:5px 21px;text-transform:uppercase;margin:0;}
#slides li:nth-child(1) span.dy, #slides li:nth-child(1) span.autname{display:none;}
#slides a{display:block;width:100%;height:100%;overflow:hidden}
#slides img{display:block;width:100%;height:auto;border:0;padding:0;background-color:#333;-moz-transform:scale(1.0) rotate(0);-webkit-transform:scale(1.0) rotate(0);-ms-transform:scale(1.0) rotate(0);transform:scale(1.0) rotate(0);transition:all 0.6s linear;}
#slides li a:hover img {-moz-transform:scale(1.1) rotate(1deg);-webkit-transform:scale(1.1) rotate(1deg);-ms-transform:scale(1.1) rotate(1deg);transform:scale(1.1) rotate(1deg);transition:all 0.3s linear;}
#slides .overlayx{width:100%;height:100%;position:absolute;z-index:2;background-image:url(http://2.bp.blogspot.com/-0haO2Mfkjjk/VDgZww2tfEI/AAAAAAAAHAk/zhu3INYSkHA/s1600/fade.png);background-position:50% 40%;background-repeat:repeat-x;}
#slides h4{position:absolute;bottom:40px;margin:0;font-size:13px;font-family:Electrolize,ge_ss_threeregular;
left:10px;padding:5px 10px;color:#f9f9f9;z-index:3;line-height:20px;font-weight:normal;
background:rgba(41,41,41,0.7);text-align:left;text-transform:uppercase;margin-right:10px;}
#slides .label_text{font-size:12px;color:#fff;bottom:10px;z-index:3;left:10px;
position:absolute;background:rgba(255,101,83,0.8);padding:3px 6px;font-family:Electrolize,ge_ss_threeregular;
text-transform:uppercase;}
#slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname,#slides li:nth-child(4) .autname,#slides li:nth-child(5) .autname{display:none;}
#slides .overlayx,#slides li{transition:all .4s ease-in-out}
#slides li:nth-child(1) .overlayx{display:none;}
#slides li:hover .overlayx{opacity:0.1}

@media only screen and (max-width:800px){
#slides li:nth-child(1) h4 {font-size:18px;line-height:24px;}}

@media only screen and (max-width:600px){
  #slides ul{height:600px}
  #slides li:nth-child(1){width:100%;height:50%}
  #slides li:nth-child(2){top:50%;height:25%;left:0;width:50%}
  #slides li:nth-child(3){left:50%;top:50%;width:50%;height:25%}
  #slides li:nth-child(4){left:0;top:75%;height:25%;width:100%}
  #slides li:nth-child(5){display:none;}}

@media only screen and (max-width:480px){
#slides li:nth-child(1) h4 {font-size:13px;line-height:16px;}}
#scroll {
	width: 293px;
	height: 567px;
	overflow: hidden;
	z-index: 999999 }
 
.cm-outer {
	margin: 0 auto;
	padding: 0;
	font-size: 11px;
	text-align: right;
	height: 567px;
	overflow: auto }
 
pre,.cm-outer pre,i[rel=&quot;pre&quot;] {
	padding: .8em 1em;
	margin: .5em 0;
	height: 50px;
	background-color: #2f3741;
	border-right: 4px solid #0094fc;
	font-size: 13px;
	color: #fff;
	font-family: Electrolize,ge_ss_threeregular;
	line-height: 1.4em;
	white-space: pre;
	word-wrap: normal;
	white-space: pre;
	overflow: auto;
	border: 1px solid #222 }
 
.post pre {
	height: 200px;
	border-right: 5px solid #0094fc; }
 
.post code {
	color: #a9f0ff;
	background: #1c1e2e;
	font-family: Electrolize,ge_ss_threeregular;
	line-height: 14px;
	font-size: 14px;
	padding: 3px 5px;
	margin: 5px;
	border: 1px solid #000;
	border-radius: 2px;
	border-right: 5px solid #0320f7 }
 
.cm-outer code {
	color: #fdffd3;
	font-size: 10px;
	font-style: italic }
 
.cm-text .cm-image {
	width: 160px;
	margin:0 0 40px 10px;
	position: relative;
	border-radius: 0;
	border: 4px solid #000 }
 
#comment_block .cm-image {
	cursor: pointer;
	display: block;
	max-width: 400px;
	margin: 10px auto;
	box-shadow: 0 0 1px #000 }
 
.cm-outer li {
	padding: 7px 10px 12px;
	list-style: none;
	clear: both;
	position: relative;
	border-top: 1px solid #28313b;
	border-bottom: 1px solid #111;
	margin-left: 10px }
 
	.cm-outer li.selected { border-right: 4px solid #fffe8c }
 
	.cm-outer li:first-child { border-top: 0 }
 
	.cm-outer li:last-child { border-bottom: 0 }
 
.cm-text { color: #fff }
 
.cm-outer { margin:0 0 5px;line-height: 14px }
 
.cm-header {
	margin:4px 80px 20px 0;
	font-size: 12px;
	font-weight: normal;
	!important }
 
	.cm-header a {
		color: #c1c1ff;
		text-decoration: none;
		font-size: 12px;
		font-weight: bold }
 
		.cm-header a:hover { color:#e6e6e6;text-decoration: none }
 
.cm-outer .cm-content { overflow: hidden }
 
.cm-content { margin-right: 80px }
 
.cm-outer img {
	display: block;
	float: right;
	background:#8fa2cb url(&#39;http: //img1.blogblog.com/img/anon36.png&#39;) no-repeat 50% 50%;
	overflow: hidden;
	border-radius: 0 15px 0 15px;
	position: absolute;
	top: 12px;
	right: 0;
	border: 3px solid #3d464f }
 
.cm-footer { margin-top:30px;font-size: 10px }
 
	.cm-footer a { color:#ccc;text-decoration: none }
 
		.cm-footer a:hover { color:#c1c1ff;text-decoration: none }
 
div.cm-header img[src=&#39;http://img1.blogblog.com/img/openid16-rounded.gif&#39;] { content:url(http: //2.bp.blogspot.com/-8NurYzHIoWQ/Ujc_oLurXII/AAAAAAAAFek/XhAm-oLwg7Q/s80-c/gravatar.png) }
 
.bg_hitam {
	display: none;
	position: absolute;
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 99;
	opacity: .7 }
 
img.cm-smiley {
	float: none;
	position: relative;
    display: inline-block;
	width: 12px !important;
	height: 12px !important;
	top: 2px;
	border: 0;
	border-radius: 2px;
	background: 0 }

.quickedit{
display:none;
}

/* CSS Comment */

#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}

#comments {}
#comments h3 {
margin-bottom:15px;
background: #343536;
padding: 10px 10px;
color: #fff;
font: normal 18px normal,Electrolize,ge_ss_threeregular;
}
.comment_avatar_wrap{
width:42px;
height:42px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-right-color: #E4E4E4;
background:#fcfcfc;
padding:4px;
border-radius: 2px;
text-align:center;
margin-bottom:20px;
}
#comments .avatar-image-container {
float: right;
margin:0 0 0 10px;
width: 42px;
height: 42px;
max-width:42px;
max-height:42px;
padding: 0;
margin-bottom:10px;
}
#comments .avatar-image-container img {
width: 42px;
height: 42px;
max-width: 42px;
max-height: 42px;
background:url(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat;
}
.comment_name a {
font-weight: bold;
padding:5px 0 0 0;
font-size: 13px;
text-decoration: none;
font-family: Electrolize,ge_ss_threeregular;
color: #fff;
}
.comment_admin .comment_name  {
font-weight: bold;
padding: 10px;
font-size: 13px;
text-decoration: none;
background:#EEEE83;
}
.comment_admin .comment_date  {
font-weight: normal;
font-size:11px;
}
.comment_name {
background:#E6E7E7;
padding:10px;
font-size:13px;
font-weight:bold;
position:relative;
}
.comment_service{
margin-top:5px
}
.comment_date {
color: #a9a9a9;
float:left;
font-size:11px;
font-weight:normal;
margin-top:-3px;
}
.comment_date a{
color: #fff;
float:left;
font-size:11px;
font-weight:normal;
}
.comment_date a:hover{
color: #a9a9a9;
text-decoration:none;
}
.comment_body{
margin-right:66px;
margin-top: -72px;
background:#fcfcfc;
border:1px solid #d1d1d1;
padding:10px;
border-radius: 2px;
}
.comment_body p {
line-height: 1.5em;
margin:5px 0 0 0;
color: #666;
border:1px solid #eee;
font-size: 13px;
word-wrap:break-word;
background:#fff;
padding:10px;
font-family: Electrolize,ge_ss_threeregular;
}
.comment_inner {
padding-bottom: 5px;
margin:5px 0 5px 0;
}
.comment_child .comment_wrap {padding-right: 7%;}
.comment_reply {
display: inline-block;
margin-top:8px;
margin-right:-5px;
padding: 1px 12px;
color: #fff !important;
text-align: center;
text-decoration: none;
border-radius: 2px;
background: #bababa;
font: 11px/18px Electrolize,ge_ss_threeregular;
transition: background-color 1s ease-out 0s;
}
.comment_reply:hover {
text-decoration: none !important;;
background: #056b95;
}


background:transparent url(&#39;&#39;) no-repeat 50% 30%}}
.comment_form a {
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-family: Electrolize,ge_ss_threeregular;
font-size: 15px;
}
.comment_form a:hover {text-decoration: underline;}
.comment-form p {
background: #343536;
padding: 10px;
margin:5px 0 5px 0;
color: #fff;
font-size: 13px;
line-height: 20px;
width:97%;
border-radius:3px;
position:relative;
font-family: Electrolize,ge_ss_threeregular;
}
.comment-form p:after{
content:&quot;&quot;;
width:0;
height:0;
position:absolute;
bottom:-16px;
right:15px;
border:8px solid transparent;
border-color:#343536 transparent transparent;
}
.comment_reply_form {
padding:0 70px 0 0;
}
.comment_reply_form .comment-form {width: 99%;}
.comment_emo_list{
}
.comment_emo_list .item {
float: right;
text-align: center;
margin:10px 0 0 10px;
height: 40px;
width:41px;
}
.comment_emo_list span {
display: block;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;
}
.comment_emo_list span {
display: block;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;
}
.comment_youtube {max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
.comment_img {max-width:100%!important;}
.deleted-comment {
padding:10px 10px 10px 10px;
display: block;
color: #CCC;
}
.comment_arrow {
display: block;
width: 9px;
height: 18px;
background: url(http://3.bp.blogspot.com/-NONrBLhghFk/To0nNB1LmkI/AAAAAAAAAI4/CAuzDfYiCiU/s1600/comment-arrow.gif) no-repeat;
position: absolute;
margin-right: -22px;
margin-top: 5px;
}
.comment_header{width:50px}
#respond {
overflow: hidden;
padding-right: 10px;
clear: both;
}
.comment_avatar img{width:42px;height:42px;background:url(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat}
.comment-delete img{float:left;margin-right:15px;margin-top:3px;margin-left:10px}
.comment_author_flag {display:none}
.comment_admin .comment_author_flag {display:inline;background:url(http://2.bp.blogspot.com/-8nCZLz6Vyc8/U5sUXFEWDWI/AAAAAAAADnU/3hENudpCICE/s1600/HM.png)no-repeat;font-size:13px;font-weight:normal;padding:2px 6px;left:-10px;margin-top:-20px;color:#fff;border-radius:4px;text-transform:uppercase;position:absolute;width:36px;height:36px;}
iframe{border:none;overflow:hidden}

.th3geekweb3_today_img{position:relative;padding-top:5px}.th3geekweb3_today_img img{width:100%;height:200px}.th3geekweb3_today_img a{display:block;width:48px;height:48px;background:rgba(255,255,255,0.8);color:#e23a3e;font-size:20px;text-align:center;line-height:2.6;opacity:0;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-ms-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2);position:absolute;top:76px;left:126px;z-index:1001;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.th3geekweb3_today_img p{position:absolute;bottom:0;left:0;background: rgba(112, 109, 109, 0.6);
font-family: Electrolize,ge_ss_threeregular;
text-align: center;padding:12px 10px;margin:0;font-size:14px;color:#FFF;}.th3geekweb3_today_img:hover a{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.th3geekweb3_today_img:hover a:hover{color:#333}.th3geekweb3_posts{float:right;width:730px;background:#FFF;margin:24px 0;-webkit-box-shadow:0 0 5px #DDD;-moz-box-shadow:0 0 5px #DDD;box-shadow:0 0 5px #DDD}.th3geekweb3_post{position:relative;padding:24px;border-bottom:1px solid #EEE}.th3geekweb3_post_title h1{padding:0;margin:0;font-size:24px;font-weight:400}

/* CSS Image Lightbox Dark */
#jquery-overlay{position:absolute;top:0;left:0;z-index:101;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:102;text-align:center;line-height:0}
#jquery-lightbox a,#jquery-lightbox a:hover{border:none}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{position:relative;background-color:#131416;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image{padding:10px;}
#lightbox-loading{display:none!important;}
#lightbox-nav{position:absolute;top:25%;left:0;height:100%;width:100%;z-index:10}
#lightbox-container-image-box &gt; #lightbox-nav{left:0;transition:All 0.2s ease;}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;display:block;transition:All 0.2s ease;}
#lightbox-nav-btnPrev{left:10%;float:left;transition:All 0.2s ease;}
#lightbox-nav-btnNext{right:10%;float:right;transition:All 0.2s ease;}
#lightbox-container-image-data-box{font-size:10px;font-family: &#39;Roboto&#39;,Helvetica,sans-serif;background-color:#131416;margin:0 auto;line-height:1.4em;overflow:auto;max-width:100%;padding:0 10px 0;}
#lightbox-container-image-data{padding:0 10px;color:#aaa}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}
#lightbox-image-details-caption{font-weight:normal}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em}

/* CSS Syntax Highlighter */
pre {background:#fff;color:#888;display:block;font:12px/19px Consolas,&#39;Andale Mono&#39;,Courier,&#39;Courier New&#39;,monospace;margin:10px 0;overflow:auto;padding:19px 19px 17px;border:1px solid #d8dde1;border-left:2px solid #b8c676;}
pre .comment {color:#A57A4C;}
pre .variable.global, pre .variable.class, pre .variable.instance {color:#DC3958;}
pre .constant.numeric, pre .constant.language, pre .constant.hex-color, pre .keyword.unit {color:#F79A32;}
pre .constant, pre .entity, pre .entity.class, pre .support {color:#F06431;}
pre .constant.symbol, pre .string {color:#889B4A;}
pre .entity.function, pre .support.css-property, pre .selector {
color:#8AB1B0;}
pre .keyword, pre .storage {color:#98676A;}

/* CSS Button */
.quote.center {color:#666;font-size:17px;font-style:italic;line-height:24px;margin:30px 60px;}
.quote.left {color:#666;float:left;font-size:17px;font-style:italic;line-height:24px;margin:15px 20px;padding:20px;width:33%;}
.quote.right {color:#666;float:right;font-size:17px;font-style:italic;line-height:24px;margin:15px 20px;padding:20px;width:33%;}
.button {border:none;color:#fff;cursor:pointer;display:inline-block;font-family:&#39;Open Sans&#39;,sans-serif;font-size:14px;font-weight:normal;line-height:1;margin:10px 10px 10px 0;padding:1em 1.5em 0.75em;text-decoration:none;}
a.button {color:#fff;font-weight:normal;text-decoration:none;}
a.button:hover {color:#fff;}
.button a {color:#fff;}
.button a:hover {color:#fff;}
.button.blue {background-color:#93D0EA;}
.button.blue:hover {background-color:#82bcd5;}
.button.green {background-color:#A5D16D;}
.button.green:hover {background-color:#90b85c;}
.button.red {background-color:#F4836A;}
.button.red:hover {background-color:#d2705a;}
.button.orange {background-color:#FF8B62;}
.button.orange:hover {background-color:#d97855;}
.button.pink {background-color:#F05791;}
.button.pink:hover {background-color:#d04d7e;}
.button.yellow {background-color:#EADC8E;}
.button.yellow:hover {background-color:#d2c680;}
.button.dark {background-color:#3c536b;}
.button.dark:hover {background-color:#2e4052;}

/* CSS Social Network */
#social_networks{text-align:center;display:block;margin:0 auto;padding-bottom:15px;margin-bottom:15px;}
#social_networks ul {display:block;height:36px;margin:0 auto;list-style:none;}
#social_networks li{text-align:center;display:inline-block;margin:0 auto;margin-right:2px;margin-left:2px;width:48px;height:48px;opacity:0.9;transition:All 0.2s ease;}
#social_networks li:hover{opacity:0.8;}
#social_networks li a{display:inline-block;width:48px;height:48px;padding-top:5px;padding-bottom:5px;}
#social_networks li a:hover{background:transparent;color:#ddd;box-shadow:none;}
#social_networks li a span{display:none;}
#social_networks li.facebook{background-image:url(http://4.bp.blogspot.com/-d4ofE48-Oc8/U6xkL7HRytI/AAAAAAAAEDY/KUPWmEfkBrY/s1600/Facebook.png);}
#social_networks li.twitter{background-image:url(http://1.bp.blogspot.com/-qCdql7X3Osk/U6xkM2kNtMI/AAAAAAAAEDs/NSo5zsiAkWY/s1600/Twitter.png);}
#social_networks li.youtube{background-image:url(http://4.bp.blogspot.com/-o_nM4N8zCcE/U6xkNEpc85I/AAAAAAAAED8/z-NjQOneSQg/s1600/Youtube.png);}
#social_networks li.googleplus{background-image:url(http://4.bp.blogspot.com/-wa1_NgpvCVQ/U6xkL4LoAqI/AAAAAAAAEDg/ImHEGc3TPQg/s1600/Google.png);}
#social_networks li.linkedin{background-image:url(http://3.bp.blogspot.com/--IvRgtTHKPk/U6xkLyCj-iI/AAAAAAAAEDc/3Nz1I3iNRu8/s1600/Linkedin.png);}



/* CSS Ads */
.banner {margin:0 auto;text-align:center;overflow:hidden;}
.banner .widget {width:100%;max-width:100%;margin:0 auto;background:transparent;text-align:center;overflow:hidden;padding-top:15px;padding-bottom:15px;}
.banner img, .banner iframe{display:block;margin:0 auto;text-align:center;}
.kotak_iklan {text-align:center;margin:0 auto;transition:all 1s ease-out;animation:BounceRate 3s;}
.kotak_iklan .sidebar .widget-content{padding:0;background:#333;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);border:0;}
.kotak_iklan .sidebar .widget {margin-bottom:0;padding:0;}
.kotak_iklan  img {margin-bottom:2px;margin-top:2px;text-align:center;transition:all 1s ease-out;animation:BounceRate 3s;}
.kotak_iklan  img:hover {transition:all .5s ease-out;}
.kotak_iklan2 {text-align:center;margin:0 auto;transition:all 1s ease-out;animation:BounceRate 3s;}
.kotak_iklan2 .sidebar .widget-content{padding:0;background:#f0f0f0;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);border:0;}
.kotak_iklan2 .sidebar .widget {margin-bottom:0;padding:0;}
.kotak_iklan2  img {text-align:center;transition:all 1s ease-out;animation:BounceRate 3s;}
.kotak_iklan2  img:hover {transition:all .5s ease-out;}

/* CSS Widget */
.widget ul {line-height:1.4em;}
.profile-img{display:inline;opacity:1;margin:0 0 3px 6px;}
#ArchiveList ul li:before {content:&quot;&quot; !important;padding-left:0px !important;}
.rich-snippet {padding:10px;margin:15px 0 0;border:3px solid #eee;font-size:12px;}
#Attribution1 {height:0px;visibility:hidden;display:none}
#Label1 .tabs-content .widget {margin-bottom:15px}
#Label2 li {float:right;width:44%;margin-right:5px}
#Label1 li {float:right;width:44%;margin-right:5px}

/* CSS Sidebar Wrapper */
#sidebar-wrapper {background:transparent;float:left;width:30%;max-width:300px;
margin:0 auto;Electrolize,ge_ss_threeregular}
.sidebar-inner {padding:15px 0;margin-left: 14px;normal,font-family: Electrolize,ge_ss_threeregular;}
.sidebar h2, .tably h2 {background:#33B5E5;color:#fff;border:1px solid #ddd;border-bottom: 2px solid #35383A;border-right:none;border-left:none;font-family:normal,ge_ss_threeregular;text-align: center;font-size:16px;font-weight:300;margin:0 0 10px 0;padding:10px 15px;position:relative;transition:all .5s ease-out;}
.sidebar .widget {background:#fff;margin:0 -8px 15px;border:1px solid #ddd;border-top:none;}
.sidebar ul, .sidebar ol {list-style-type:none;margin:0 0 0 0;padding:10px;padding-top:0;}
.sidebar li {margin:5px 0;padding:0 0 0 0;}

/* CSS Tabs */
.tabs, .tably {margin:0 0;}
.tabs .tably {padding:0 0;}
.tabs-menu {color:#666;padding:0 0;margin:0;margin-bottom:0;border:1px solid #ddd;}
.tabs-menu li {margin-bottom:0;font-size:15px;font-family:normal,Electrolize,ge_ss_threeregular;font-weight:300;height:30px;line-height:30px;width:33.0%;list-style:none;text-align:center;display:inline-block;padding:0 0;background:transparent;color:#666;
cursor:pointer;position:relative;transition:all 0.1s linear;}
.tabs-menu li:hover {background:#fff;color:#444;}
.tabs-menu .active-tab {background:#fff;color:#33B5E5;display: inline-block;
border-bottom: 2px solid #33B5E5;font-family: normal,Electrolize,ge_ss_threeregular;
font-size: 17px;}
.tabs-menu .active-tab:hover {background:#fff;color:#444;}
.tabs-content {padding:10px;background:#fff;border:1px solid #ddd;margin-bottom:15px;border-top:none;}
.tabs-content .sidebar li {margin:0 0;padding:0 0 0 0;}
.tabs-content .widget li {background:#fff;color:#666;float:none!important;}
.tabs-content .widget ul {background:#fff;color:#666;overflow:visible;}
.tabs-content .Label li {background:#fff;color:#666;float:right;padding:5px;margin-right:3px;text-align:right;width:44%;transition:.3s linear;}

.sidebar .label-size {position:relative;text-transform:none;text-decoration:none;font-size:13px;font-family:Electrolize,ge_ss_threeregular;color:#fff!important;}
.sidebar .label-size a {color:#fff!important;font-weight:400;padding:10px 12px;
margin:0 px 2px 2px;float:right;display:block;transition: all 0.4s ease-in-out;}
.sidebar .label-size-1 a {background:#AAAAAA;}
.sidebar .label-size-1 a:hover {background:#9B9B9B;}
.sidebar .label-size-2 a {background:#3498db;}
.sidebar .label-size-2 a:hover {background:#2980b9;}
.sidebar .label-size-3 a {background:#2ecc71;}
.sidebar .label-size-3 a:hover {background:#27ae60}
.sidebar .label-size-4 a {background:#FF8800;}
.sidebar .label-size-4 a:hover {background:#F08306}
.sidebar .label-size-5 a {background:#e74c3c;}
.sidebar .label-size-5 a:hover {background:#c0392b}
.sidebar .label-size-6 a {background:#E24FB3;}
.sidebar .label-size-6 a:hover {background:#CE3D9F}
.sidebar .label-size:hover{background:none;}
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5,.label-size-6
{
font-size:100%;}
.cloud-label-widget-content{text-align:right}
.label-size{display:block;float:right;margin:0 5px 2px 2px;color:#fff;transition:all 0.4s ease-in-out;}


/* CSS Popular Post */
.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,
.PopularPosts li a img {margin:0;padding:0;list-style:none;border:none;
background:none;outline:none;}
.PopularPosts ul {margin:0;list-style:none;color:#666;}
.PopularPosts ul li img {display:block;margin:2px;margin-left:10px;padding:0;border:1px solid #ddd;width:60px;height:60px;float:right;}
.PopularPosts ul li {background-color:#fff;margin:2px;padding:0;border-bottom:1px dashed #e0e0e0;position:relative;transition:all 1s ease-out;animation:BounceRate 3s;}
.PopularPosts ul li:hover {background-color:#fff;}
.PopularPosts ul li:last-child {border-bottom:none;}
.PopularPosts ul li a:hover {color:#b3c5d1!important;}
.PopularPosts ul li .item-title a, .PopularPosts ul li a {font-weight:400;color:#33B5E5;text-decoration:none;transition:all 1s ease-out;animation:BounceRate 3s;font-family: Electrolize,droid arabic kufi;}
.PopularPosts ul li:before {display:none;list-style:none;}
.PopularPosts .item-thumbnail {margin:0 0 0 0;}
.PopularPosts .item-snippet {font-size:10px;color:#bbb;}
.profile-img{display:inline;opacity:1;margin:0 0 3px 6px;}

/* CSS Slider */
#featured-wrap{background:#33B5E5;position:relative;height:200px;margin:0 auto;margin-bottom:20px;margin-top:10px;}
#featured{outline:none;position:relative;width:88%;height:150px;overflow:hidden;top:10px;margin:0 auto}
#featured ul{width:9999px}
#featured ul,#featured li{list-style:none;padding:0;margin:0;overflow:hidden}
#featured li{width:150px;display:inline-block;float:left;height:150px;background:#33B5E5;font-family: droid arabic kufi;}
.thumb-featured{width:150px;height:150px;margin:5px auto;overflow:hidden;}
.thumb-featured img{opacity:0.7;display:block;width:135px;height:135px;padding:5px;background:#5b686a;transition:all .3s linear;}
.thumb-featured img:hover{opacity:1;background:#363c3e;transition:all .3s linear;}

span.slideloading{display:none;background-image:none;background-repeat:no-repeat;background-position:50% 50%;text-indent:-9999px;margin:70px auto}




/* CSS Footer */
#footer-wrapper {width:100%;text-align:right;overflow:hidden;background-color:#fff;
margin:0px 0px 0px 0px;border-top:1px solid #ddd;}
#footer-widgetfix .footer-widget {width:30.6%;float:right;margin-right:20px;padding-top:10px;padding-bottom:15px;}
#footer-widgetfix {max-width:1000px;overflow:hidden;margin:0 auto;}
#footer-wrapper .widget {color:#666}
#footer-wrapper h2 {font-family:&#39;Roboto&#39;;font-size:16px;font-weight:300;color:#666;padding:5px 10px;}
#footer-wrapper h2 span {background:transparent;position:relative;
padding:5px 0;border-bottom:1px solid #e0e0e0;}
#footer-wrapper .widget-content {text-align:right;font-family:Electrolize,ge_ss_threeregular;
margin:20px 0 15px;color:#666}
#footer-wrapper .widget-content li {margin-right:-14px;color:#666}
#footer-wrapper .widget li {margin:5px 0 0 0;padding:5px 15px 0 0;display:block;}
.footer li a {padding-top:0;padding-left:0;line-height:2em;font-size:13px;
font-weight:400;font-family:Electrolize,ge_ss_threeregular;color:#666;margin:0}
#footerfix {overflow:hidden;background:#fafafa;padding:10px 5px;border:1px solid #ddd;}
#credit {color:#666;width:98%;font-size:12px;font-family:Electrolize,ge_ss_threeregular;margin:0 auto;font-weight:300;max-width:1000px;}
#credit a {color:#33B5E5;text-decoration:none}
#credit a:hover {color:#444;text-decoration:none}
.cpright {margin-right: 705px;margin-top: -12px;font-family: Electrolize,ge_ss_threeregular;}
.cpleft {float:left;margin:10px;}
.footer-bottom {min-height:40px;}
#footx1,#footx2,#footx3 {margin:0 .2%}
.footer {font-weight:400;padding-bottom:.2em;}




/* CSS Fixed Inner */
.status-msg-wrap {font-size:120%;font-weight:700;width:100%;margin:20px auto;}
.status-msg-body {padding:20px 2%;width:96%;}
.status-msg-border {border:1px solid #d8dde1;opacity:1;width:auto;}
.status-msg-bg {background-color:#fff;}
.status-msg-hidden {padding:20px 2%;}
#ArchiveList ul li:before {content:&quot;&quot;!important;padding-right:0px!important;}
.rich-snippet {padding:10px;margin:15px 0 0;border:3px solid #eee;font-size:12px;}
a.arrow.forward {
  width: 26px;
  height: 26px;
  position: absolute;
  top: 0;
  background: #fff url(http://cdn.top4top.net/i_b9f4fc68db2.png) no-repeat top left;
  opacity: 0.7;
  margin-top: 78px;
  cursor: pointer;
  margin-right: 14px;
  z-index: 100;
}
a.arrow.back {
  width: 26px;
  height: 26px;
  background: #fff url(http://cdn.top4top.net/i_f96b34b5621.png) no-repeat top left;
  position: absolute;
  margin: 78px;
  top: 0;
  margin-right: 953px;
  opacity: 0.7;
  cursor: pointer;
  z-index: 100;
}
/* CSS Bounce To Top */
#BounceToTop {background:rgb(78, 72, 72);display:none;color:#fff;padding:8px 16px;
font-size:24px;line-height:30px;border-radius:10%;transition:all .6s linear;}
#BounceToTop:hover{background:rgb(111, 104, 104);color:#fff;transition:all .6s linear}
.BounceToTop {-webkit-transform: translateZ(0);cursor:pointer;position:fixed;bottom:20px;left:20px;z-index:90;opacity:0.9;}

/* CSS Social Share */
.share-box{background-color:#fff;font-size:14px;padding:10px 0 11px;position:relative;margin-top:10px;color:#666;border:1px solid #e0e0e0;}
/* Slide Share */
#button-count-share {
    margin-left: 23px;
    overflow: hidden;
    background: transparent;
    padding: 3px;
}

#button-count-share span {
    float: left;
    position: relative;
    font-size: 13px;
    color: #fff;
    margin: 12px 5px 12px 5px;
}

.button-share {
    background: #dce0e0;
    position: relative;
    display: block;
    float: left;
    height: 40px;
    overflow: hidden;
    width: 140px;
    margin: 4px;
    border-radius: 3px;
}

.ikons {
    display: block;
    float: left;
    position: relative;
    z-index: 3;
    height: 100%;
    vertical-align: top;
    width: 38px;
    text-align: center;
}

.ikons i {
    color: #fff;
    line-height: 33px;
}
i.fa.fa-home {
  margin-top: 9px;
}
.slide-share {
    z-index: 2;
    display: block;
    height: 100%;
    left: 38px;
    position: absolute;
    width: 108px;
    margin: 0;
}

.slide-share p {
    font-family: ge_dinar_tworegular;
    font-weight: 400;
    border-left: 1px solid rgba(255,255,255,0.35);
    color: #fff;
    font-size: 14px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 100%;
    margin: 0;
}

.button-share .slide-share {
    transition: all 0.4s ease-in-out;
}

.facebook .fb_iframe_widget {
    display: block;
    position: absolute;
    right: 5px;
    top: 0;
    z-index: 1;
}

.twitter iframe {
    left: 50px;
    top: 10px;
    z-index: 1;
    display: block;
    position: absolute;
}

.google #___plusone_0 {
    width: 90px!important;
    top: 10px;
    right: 5px;
    position: absolute;
    display: block;
    z-index: 1;
}

.facebook .ikons,.facebook .slide-share {
    background: #4f79bc;
}

.twitter .ikons,.twitter .slide-share {
    background: #63cef2;
}

.google .ikons,.google .slide-share {
    background: #f36261;
}

.facebook:hover .slide-share,.twitter:hover .slide-share,.google:hover .slide-share {
    left: 180px;
    opacity: 0.6;
}

/* CSS Print */
.printfriendly{float:left;left:10px;background:transparent;color:#666;text-decoration:none;padding:3px 0 3px 5px;font-family:&#39;Open Sans&#39;;font-size:12px;font-weight:400;}
.printfriendly span.print{opacity:0.7;background:url(http://3.bp.blogspot.com/-lk5nzkiNUx8/U8aAFYhsEZI/AAAAAAAAEZI/aH7XVyZ0K3M/s1600/print.png) no-repeat;border:none;box-shadow:none;margin:3px 6px -3px;padding-right:20px;transition:all 0.5s ease-in-out;}
.printfriendly span.print:hover{opacity:1;background:url(http://3.bp.blogspot.com/-lk5nzkiNUx8/U8aAFYhsEZI/AAAAAAAAEZI/aH7XVyZ0K3M/s1600/print.png) no-repeat;border:none;box-shadow:none;margin:3px 6px -3px;padding-right:20px}
.printfriendly span.pdf{opacity:0.7;background:url(http://1.bp.blogspot.com/-I0-5NsWqte0/U8Z_1fuHXlI/AAAAAAAAEYA/Wk_SRupt4j4/s1600/PDF.png) no-repeat;border:none;box-shadow:none;margin:3px 0 -3px;padding-right:20px;transition:all 0.5s ease-in-out;}
.printfriendly span.pdf:hover{opacity:1;background:url(http://1.bp.blogspot.com/-I0-5NsWqte0/U8Z_1fuHXlI/AAAAAAAAEYA/Wk_SRupt4j4/s1600/PDF.png) no-repeat;border:none;box-shadow:none;margin:3px 0 -3px;padding-right:20px;}

/* CSS Page Navigation */
.pagenav {clear:both;margin:-5px 0 10px;margin-top:10px;padding:5px;text-align:center;font-size:13px;font-family:droid arabic kufi;font-weight:700;}
.pagenav span,.pagenav a {padding:10px 15px;display:inline-block;background-color:#fff;color:#666;border:1px solid #ddd;margin-right:2px;margin-left:2px;transition:all 1s linear;}
.pagenav .page_ss_threeregular {background-color:#303030;color:#fff;border:1px solid #33B5E5;transition:all .2s linear;}
.pagenav a:hover {background-color:#303030;color:#fff;border:1px solid #33B5E5;transition:all .2s linear;}
.pagenav .current {background-color:#303030;color:#fff;border:1px solid #33B5E5;transition:all .2s linear;}
.pagenav .page_ss_threeregular {display:none;}

/* CSS Custom Error Page */
#oopss {color:#fff;text-align:center;margin-bottom:50px;font-weight:700;font-size:45px;font-family:&#39;Playfair Display&#39;,sans-serif;position:fixed;width:100%;height:100%;line-height:1.5em;z-index:9999;background:#eee;}
#error-text {display:none;top:30%;position:relative;}
#error-view {background-image:url(http://1.bp.blogspot.com/-lAezEB1xwkg/U8Z_y_g08AI/AAAAAAAAEXo/RGmYM9V3N48/s1600/404+Custom+Error+Page.png)!important;background-repeat:no-repeat;background-size:100%;height:380px;margin:0 auto;
width:570px;top:20%;position:relative;}


</style>

<b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
/* CSS Post Wrapper */
.post {background:#fff;color:#888;margin:0 0 15px;padding:0;box-shadow:none;border:none;border:1px solid #ddd;transition:all 1s linear;}
.post:hover {transition:.3s linear;}
.post-body {font-family: normal,Electrolize,ge_ss_threeregular;line-height:1.6em;color:#888;margin-top:10px;margin-left:10px;font-size:11px;text-overflow:ellipsis;}
h2.post-title, h1.post-title {font-family:droid arabic kufi;font-size:18px;font-weight:700;padding:15px;padding-bottom:0;background:#fff;z-index:0;text-align:center;border-bottom:none;}
h2.post-title:hover, h1.post-title:hover {color:#33B5E5;}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color:#33B5E5;z-index:0;}
h2.post-title a:hover, h1.post-title a:hover {color:#33B5E5!important;}
.post-info {background:#fff;margin-top:0;margin-bottom:0;padding:0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;margin-left:15px;margin-right:15px;color:#aaa;font-size:11px;}
.post-info a {display:inline;background:transparent;color:#888;padding:5px;padding-right:0;margin-bottom:10px;transition:all .3s ease-in-out;}
.post-info a:hover {background:transparent;color:#33B5E5;}
.author-info, .time-info, .comment-info, .label-info, .review-info {
margin-left:1px!important;display:inline;}
a.read-more {position:absolute;display:inline-block;margin:15px 0 0;background-color:#fff;color:#888;padding:3px 12px;padding-left:21px;line-height:26px;
font-family:&#39;Open Sans&#39;,Verdana,Sans-serif;font-size:12px;font-weight:400;left:15px;bottom:15px;border:1px solid #ddd;transition:all .3s ease-in-out;animation:BounceRate 3s;}
.readm{overflow:hidden;width:8px;}
.readm:before{content:&#39;&#39;;height:6px;width:6px;display:block;border:1px solid #888;border-right-width:0;border-top-width:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);position:absolute;top:13px;left:9px;transition:all .3s ease-in-out;animation:BounceRate 3s;}
a.read-more:hover .readm:before{content:&#39;&#39;;height:6px;width:6px;display:block;border:1px solid #3b96d5;border-right-width:0;border-top-width:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);position:absolute;top:13px;left:9px;}
a.read-more:active .readm:before{content:&#39;&#39;;height:6px;width:6px;display:block;border:2px solid #fff;border-right-width:0;border-top-width:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);position:absolute;top:13px;left:9px;}
a.read-more:hover {color:#33B5E5;border:1px solid #3b96d5;}
a.read-more:active {background-color:#33B5E5;color:#fff;border:1px solid #3b96d5;}
.img-thumbnail {background:#f2f6f7 url(http://4.bp.blogspot.com/-hMpB4BwEPj8/U8mnNBVN6RI/AAAAAAAAEeE/dETDLjwHUT8/s1600/no-image.png) no-repeat center center;position:relative;float:right;width:220px;height:170px;margin:15px 5px 15px 15px;z-index:1;padding:0;border-right:3px solid #fff;transition:all .3s ease-in-out;}
.img-thumbnail:hover:before{content:&quot;&quot;;width:0;height:0;position:absolute;
top:45%;right:0;border:8px solid transparent;border-color:transparent #f2f6f7 transparent transparent;z-index:3;transition:all .3s ease-in-out;}
.img-thumbnail:hover{border-right:3px solid #f2f6f7;transition:all .3s ease-in-out;}
.img-thumbnail img {width:220px;height:170px;z-index:1;}
span.overlay {background:transparent;cursor:pointer;position:absolute;right:0;left:0;
bottom:0;top:0;z-index:2;opacity:0;transition:all .9s ease-in-out;}
span.overlay:before {content:&quot;&quot;;position:absolute;
background:url(http://1.bp.blogspot.com/-RCS3s0piXq4/U9rhMGqeNNI/AAAAAAAAE3k/_7JQSEws2SU/s1600/view.png) 50% 50% no-repeat;width:24px;height:24px;top:50%;left:50%;margin:-25px;padding:10px;border:4px solid rgba(255,255,255,0.9);border-radius:100%;-moz-animation: fadeInRight .3s ease-in-out;-webkit-animation: fadeInRight .3s ease-in-out;animation: fadeInRight .3s ease-in-out;opacity:0;transition:all .3s ease-in-out;}
span.overlay:hover:before {opacity:0.8;transition:all .3s ease-in-out;}
span.overlay:hover {background:rgba(60, 54, 54, 0.8);opacity:1;-moz-animation: fadeInLeft .3s ease-in-out;-webkit-animation: fadeInLeft .3s ease-in-out;animation: fadeInLeft .3s ease-in-out;transition:all .3s ease-in-out;}



</style>
</b:if>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>

h3.post-title:before,h2.post-title:before,h1.post-title:before,h3.post-title:after,h2.post-title:after,h1.post-title:after {
content: ;border-left:20px solid #fff;border-top:15px solid #ddd;bottom:-15px;
position:absolute;right:25px;}
h3.post-title:after,h2.post-title:after,h1.post-title:after {border-top-color:#fff;border-left-color:transparent;bottom:-13px;right:26px;}
.post img{height:auto;max-width:95%;border:0;}
.quickedit{display:none;}

/* CSS Related Posts */
#related_posts h4 {font-family:droid arabic kufi;color:#999;padding:0;margin:0;font-size:140%;float:right;font-weight:700;}
#related_posts {margin:0;padding:0;margin-bottom:10px;}
.relhead {background:#F7F5F5;color:#888;font-family:&#39;Open Sans&#39;;font-size:100%;font-weight:normal;line-height:150%;overflow:hidden;padding:10px 15px;margin: 5px 1px;
border: 1px solid #ddd;}
#relpost_img_sum .news-text {display:none;}
ul#relpost_img_sum {margin:0;padding:0;}
ul#relpost_img_sum li {float:right;list-style: none outside none;margin:0 0 0 14px;padding:10px 0 5px 5px;overflow:hidden;width:45%;}
ul#relpost_img_sum li a {display:block;}
ul#relpost_img_sum li img {background-color:#fff;float:right;margin-left:10px;background: none repeat scroll 0 0 #fafafa;padding:3px;border:1px solid #f9f9f9;transition:all 1s ease-out;animation:BounceRate 3s;}
ul#relpost_img_sum li img:hover {border:1px solid #ddd;opacity:0.9;}
ul#relpost_img_sum li a.relinkjdulx {background-image:none;color:#888;
display:block;font-family:normal,ge_ss_threeregular;font-size:13px;font-weight:normal;overflow:hidden;padding:10px 5px;text-transform:none;}

/* CSS Item Responsive */
@media only screen and (max-width:640px){
ul#relpost_img_sum li {float:right;list-style:none;overflow:hidden;width:90%;}}

</style>
</b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>
 #sidebar-wrapper,#rslides,#footer-wrapper,#menu-wrapper, .th3geekweb3_details,#main-wrapper, #featured-wrap, #topnav{display:none;}
{width: 1000px; float: none; margin: 0px auto;}
html {overflow-x: hidden;margin-right:10px;}
.post {width: 949px;} .post h3 a { text-align: center; padding:5px;}
.breadcrumbs {width: 949px;}
  .comments {width: 900px;}
</style>
</b:if> 

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
.post img{height:auto;max-width:95%;border:0;}
.post img:hover{box-shadow:0 1px 2px rgba(0,0,0,0.1);}
</style>
</b:if>

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
.ct-wrapper, .header-wrapper, #header, #post-wrapper, #outer-wrapper, #footer-wrapper, #sidebar-wrapper, #credit, #social_networks {display:none;}
</style>
</b:if>